<template>
  <view class="configPage">
    <loading :showLoaded.sync="computedLoad"></loading>
    <!-- 首页 pageId == '1' -->
    <view class="cms-container" :class="bgGray ? 'bg-gray' : ''">
      <block v-if="CMSItem.length > 0" v-for="(item, indexOne) in CMSItem" :key="indexOne">
        <!-- bannerHTML页面  -->
        <view v-if="item.type == 'banner'" :style="item.data.style" :data-components="item.data.components"
          :class="[filterChecked.sustainableStyle(item.data.class,defaultShow,defaultShow1,defaultShow2, showBlocka, showBlockb, showBlockc, showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii)]"
          :id="item.data.id">
          <!-- 第一层child  -->
          <block v-for="(firstbannerItem, firstbannerIndex) in item.data.child" :key="firstbannerIndex">
            <!-- tagType == 'official-account' -->
            <official-account v-if="firstbannerItem.tagType == 'official-account'" :class="firstbannerItem.class"
              :style="firstbannerItem.style">
              {{ firstbannerItem.text }}
            </official-account>
            <channel-video v-if="firstbannerItem.tagType == 'channel-video'" :feed-token="firstbannerItem.token"
              :style="firstbannerItem.style" :autoplay="firstbannerItem.autoplay"
              :finder-user-name="firstbannerItem.finderUserName" :loop="firstbannerItem.loop"
              :muted="firstbannerItem.muted"></channel-video>
            <uniTip v-if="firstbannerItem.tagType == 'official-tips'" :isCustom="true"
              :bgColor="firstbannerItem.bgcolor"></uniTip>
            <!-- tagType == 'img' -->
            <image class="animated fadeIn" @click.stop="cmsClickHandle" v-if="firstbannerItem.tagType == 'img'"
              :data-ep="firstbannerItem.ep" :data-en="firstbannerItem.en"
              :mode="firstbannerItem.mode ? firstbannerItem.mode : modeStyle" :src="firstbannerItem.src"
              :class="firstbannerItem.class" :style="firstbannerItem.style" :data-url="firstbannerItem.url"
              :data-title="firstbannerItem.title" :data-text="firstbannerItem.text" :data-link="firstbannerItem.link"
              :data-roomid="firstbannerItem.roomid" :data-activitysubscribeid="firstbannerItem.activitysubscribeid"
              :data-activitysubscribenavigate="firstbannerItem.activitysubscribenavigate"
              :data-buttontext="firstbannerItem.buttontext" :data-handle="firstbannerItem.onclick"
              :data-starttime="firstbannerItem.textstart" :data-endtime="firstbannerItem.textend"
              :data-showmenu="firstbannerItem.showmenu" :data-finderUserName="firstbannerItem.finderusername"
              :data-feedId="firstbannerItem.feedid" :show-menu-by-longpress="firstbannerItem.showmenu"></image>

            <!-- tagType == 'a' -->
            <navigator v-if="firstbannerItem.tagType == 'a'" :url="firstbannerItem.href"
              :target="firstbannerItem.target" :style="firstbannerItem.style" :class="firstbannerItem.class"
              :open-type="firstbannerItem.opentype || 'navigate'" hover-class="none" :app-id="firstbannerItem.appid"
              :path="firstbannerItem.path" @click.stop="navigatorClickHandle(firstbannerItem)">

              <!-- 第二层child -->
              <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
              <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                <!-- abTest -->
                <image class="animated fadeIn" v-if="secondbannerItem.tagType == 'img'" @click="customEventTrigger"
                  :data-eventname="secondbannerItem.eventname"
                  :mode="secondbannerItem.mode ? secondbannerItem.mode : modeStyle" :src="secondbannerItem.src"
                  :class="secondbannerItem.class" :style="secondbannerItem.style" :data-url="secondbannerItem.url"
                  :data-title="secondbannerItem.title" :data-text="secondbannerItem.text"
                  :data-link="secondbannerItem.link" :data-buttontext="secondbannerItem.buttontext"
                  :show-menu-by-longpress="secondbannerItem.showmenu"></image>
                <h2 v-if="secondbannerItem.tagType == 'h2'" :class="secondbannerItem.class"
                  :style="secondbannerItem.style">{{ secondbannerItem.text }}</h2>
              </block>
            </navigator>
            <!-- tagType == 'div' -->
            <view @click.stop="cmsClickHandle" :data-ep="firstbannerItem.ep" :data-en="firstbannerItem.en" :data-components="firstbannerItem.components" :data-ssen="firstbannerItem.ssen" :data-ssep="firstbannerItem.ssep"
              :data-handle="firstbannerItem.onclick" :data-text="firstbannerItem.text"
              :data-activitysubscribeid="firstbannerItem.activitysubscribeid"
              :data-activitysubscribenavigate="firstbannerItem.activitysubscribenavigate"
              v-if="firstbannerItem.tagType == 'div'"
              :class="[filterChecked.sustainableStyle(firstbannerItem.class,defaultShow,defaultShow1,defaultShow2,showBlocka, showBlockb, showBlockc,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii)]"
              :style="firstbannerItem.style">
              <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
              <block v-if="!userLogin && firstbannerItem.class=='non_member'">

                <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
                <!-- 第二层child -->
                <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                  <!-- tagType == 'button' -->
                  <block v-if="secondbannerItem.tagType == 'button'">
                    <!-- 用户是否登录 -->
                    <block v-if="secondbannerItem.opentype == 'getUserInfo'">
                      <!-- 用户未入会 -->
                      <block v-if="showJoinMember == 1 || showJoinMember == -1">
                        <view v-if="secondbannerItem.class == 'non_member'" :style="secondbannerItem.style">
                          <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child"
                            :key="thirdbannerIndex">
                            <view v-if="thirdbannerItem.tagType == 'div'" :style="thirdbannerItem.style"
                              @click.stop="cmsClickHandle" :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                              :data-handle="thirdbannerItem.onclick"
                              :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                              :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                              :data-text="thirdbannerItem.text" :data-couponRuleId="thirdbannerItem.couponruleid" :data-components="thirdbannerItem.components" :data-ssen="thirdbannerItem.ssen" :data-ssep="thirdbannerItem.ssep">
                              <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child"
                                :key="fourthbannerIndex">
                                <image v-if="fourthbannerItem.tagType == 'img'" @click.stop="cmsClickHandle"
                                  :data-ep="fourthbannerItem.ep" :data-en="fourthbannerItem.en"
                                  :data-activitysubscribeid="fourthbannerItem.activitysubscribeid"
                                  :data-activitysubscribenavigate="fourthbannerItem.activitysubscribenavigate"
                                  :data-handle="fourthbannerItem.onclick" :data-url="fourthbannerItem.url"
                                  :data-title="fourthbannerItem.title" :data-text="fourthbannerItem.text"
                                  :data-link="fourthbannerItem.link" :data-buttontext="fourthbannerItem.buttontext"
                                  :data-couponRuleId="fourthbannerItem.couponruleid"
                                  :mode="fourthbannerItem.mode ? fourthbannerItem.mode : modeStyle"
                                  :src="fourthbannerItem.src" :class="fourthbannerItem.class" style="height: auto;"
                                  :style="fourthbannerItem.style" :show-menu-by-longpress="fourthbannerItem.showmenu">
                                </image>

                                <!-- a和里面的child -->
                                <navigator v-if="fourthbannerItem.tagType == 'a'"
                                  @click.stop="navigatorClickHandle(fourthbannerItem)" :data-index="indexOne"
                                  :url="fourthbannerItem.href" :target="fourthbannerItem.target"
                                  :class="fourthbannerItem.class" :open-type="fourthbannerItem.opentype || 'navigate'"
                                  :style="fourthbannerItem.style" hover-class="none" :app-id="fourthbannerItem.appid"
                                  :path="fourthbannerItem.path">

                                  <block v-if="fourthbannerItem.text">{{ fourthbannerItem.text }}</block>
                                  <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child"
                                    :key="fifthbannerIndex">
                                    <span v-if="fifthbannerItem.tagType == 'span'" :data-text="fifthbannerItem.text"
                                      :class="fifthbannerItem.class" :style="fifthbannerItem.style">
                                      {{ fifthbannerItem.text }}
                                    </span>

                                    <image class="animated fadeIn" v-if="fifthbannerItem.tagType == 'img'"
                                      :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                      :src="fifthbannerItem.src" :class="fifthbannerItem.class"
                                      :data-ep="fifthbannerItem.ep" :data-en="fifthbannerItem.en"
                                      @click.stop="cmsClickHandle" :data-handle="fifthbannerItem.onclick"
                                      :data-activitysubscribeid="fifthbannerItem.activitysubscribeid"
                                      :data-activitysubscribenavigate="fifthbannerItem.activitysubscribenavigate"
                                      :data-url="fifthbannerItem.url" :data-title="fifthbannerItem.title"
                                      :data-text="fifthbannerItem.text" :data-link="fifthbannerItem.link"
                                      :data-buttontext="fifthbannerItem.buttontext"
                                      :data-couponRuleId="fifthbannerItem.couponruleid" style="height: auto;"
                                      :style="fifthbannerItem.style" :show-menu-by-longpress="fifthbannerItem.showmenu">
                                    </image>
                                  </block>
                                </navigator>
                              </block>
                            </view>
                          </block>
                        </view>
                      </block>
                      <!-- 用户已入会&&已绑定tm账号 -->
                      <block v-else>
                        <view v-if="secondbannerItem.class == 'is_member'" :style="secondbannerItem.style">
                          <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child"
                            :key="thirdbannerIndex">
                            <view v-if="thirdbannerItem.tagType == 'div'" :style="thirdbannerItem.style"
                              @click.stop="cmsClickHandle" :data-handle="thirdbannerItem.onclick"
                              :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                              :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                              :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                              :data-text="thirdbannerItem.text" :data-couponRuleId="thirdbannerItem.couponruleid" :data-components="thirdbannerItem.components" :data-ssen="thirdbannerItem.ssen" :data-ssep="thirdbannerItem.ssep">
                              <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child"
                                :key="fourthbannerIndex">
                                <image v-if="fourthbannerItem.tagType == 'img'" @click.stop="cmsClickHandle"
                                  :data-ep="fourthbannerItem.ep" :data-en="fourthbannerItem.en"
                                  :data-activitysubscribeid="fourthbannerItem.activitysubscribeid"
                                  :data-activitysubscribenavigate="fourthbannerItem.activitysubscribenavigate"
                                  :data-handle="fourthbannerItem.onclick" :data-url="fourthbannerItem.url"
                                  :data-title="fourthbannerItem.title" :data-text="fourthbannerItem.text"
                                  :data-link="fourthbannerItem.link" :data-buttontext="fourthbannerItem.buttontext"
                                  :data-couponRuleId="fourthbannerItem.couponruleid"
                                  :mode="fourthbannerItem.mode ? fourthbannerItem.mode : modeStyle"
                                  :src="fourthbannerItem.src" :class="fourthbannerItem.class" style="height: auto;"
                                  :style="fourthbannerItem.style" :show-menu-by-longpress="fourthbannerItem.showmenu">
                                </image>

                                <!-- a和里面的child -->
                                <navigator @click.stop="navigatorClickHandle(fourthbannerItem)" :data-index="indexOne"
                                  v-if="fourthbannerItem.tagType == 'a'" :url="fourthbannerItem.href"
                                  :target="fourthbannerItem.target" :class="fourthbannerItem.class"
                                  :open-type="fourthbannerItem.opentype || 'navigate'" :style="fourthbannerItem.style"
                                  hover-class="none">
                                  <block v-if="fourthbannerItem.text">{{ fourthbannerItem.text }}</block>
                                  <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child"
                                    :key="fifthbannerIndex">
                                    <span v-if="fifthbannerItem.tagType == 'span'" :data-text="fifthbannerItem.text"
                                      :class="[
                                                          filterChecked.sustainableStyle(
                                                            fifthbannerItem.class,
                                                            defaultShow,
                                                            defaultShow1,
                                                            defaultShow2,
                                                            showBlocka, showBlockb, showBlockc,
                                                            showSustaia,
                                                            showSustaib,
                                                            showSustaic,
                                                            showSustaid,
                                                            showSustaie,
                                                            showSustaif,
                                                            showSustaig,
                                                            showSustaih,
                                                            showSustaii,
                                                            showSustaij,
                                                            showSustaik,
                                                            showSustail,
                                                            showSustaim,
                                                            windowShadesa,
                                                            windowShadesb,
                                                            windowShadesc
                                                          )
                                                        ]" :style="fifthbannerItem.style">
                                      {{ fifthbannerItem.text }}
                                    </span>

                                    <image class="animated fadeIn" v-if="fifthbannerItem.tagType == 'img'"
                                      :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                      :src="fifthbannerItem.src" :class="fifthbannerItem.class"
                                      @click.stop="cmsClickHandle" :data-handle="fifthbannerItem.onclick"
                                      :data-ep="fifthbannerItem.ep" :data-en="fifthbannerItem.en"
                                      :data-activitysubscribeid="fifthbannerItem.activitysubscribeid"
                                      :data-activitysubscribenavigate="fifthbannerItem.activitysubscribenavigate"
                                      :data-url="fifthbannerItem.url" :data-title="fifthbannerItem.title"
                                      :data-text="fifthbannerItem.text" :data-link="fifthbannerItem.link"
                                      :data-buttontext="fifthbannerItem.buttontext"
                                      :data-couponRuleId="fifthbannerItem.couponruleid" style="height: auto;"
                                      :style="fifthbannerItem.style" :show-menu-by-longpress="fifthbannerItem.showmenu">
                                    </image>
                                  </block>
                                </navigator>
                              </block>
                            </view>
                          </block>
                        </view>
                      </block>
                    </block>
                  </block>

                  <h2 v-if="secondbannerItem.tagType == 'h2'" :class="secondbannerItem.class"
                    :style="secondbannerItem.style">
                    {{ secondbannerItem.text }}
                  </h2>
                  <p v-if="secondbannerItem.tagType == 'p'" @click.stop="cmsClickHandle"
                    :data-handle="secondbannerItem.onclick" :data-text="secondbannerItem.text"
                    :data-ep="secondbannerItem.ep" :data-en="secondbannerItem.en"
                    :data-activitysubscribeid="secondbannerItem.activitysubscribeid"
                    :data-activitysubscribenavigate="secondbannerItem.activitysubscribenavigate"
                    :data-couponRuleId="secondbannerItem.couponruleid" :style="secondbannerItem.style" :class="[
                                        filterChecked.sustainableStyle(
                                          secondbannerItem.class,
                                          defaultShow,
                                          defaultShow1,
                                          defaultShow2,
                                          showBlocka, showBlockb, showBlockc,
                                          showSustaia,
                                          showSustaib,
                                          showSustaic,
                                          showSustaid,
                                          showSustaie,
                                          showSustaif,
                                          showSustaig,
                                          showSustaih,
                                          showSustaii,
                                          showSustaij,
                                          showSustaik,
                                          showSustail,
                                          showSustaim,
                                          windowShadesa,
                                          windowShadesb,
                                          windowShadesc
                                        )
                                      ]">
                    {{ secondbannerItem.text }}
                  </p>
                  <label v-if="secondbannerItem.tagType == 'label'" :class="secondbannerItem.class"
                    :style="secondbannerItem.style">{{ secondbannerItem.text }}</label>
                  <span v-if="secondbannerItem.tagType == 'span'" @click.stop="cmsClickHandle"
                    :data-ep="secondbannerItem.ep" :data-en="secondbannerItem.en"
                    :data-activitysubscribeid="secondbannerItem.activitysubscribeid"
                    :data-activitysubscribenavigate="secondbannerItem.activitysubscribenavigate"
                    :data-handle="secondbannerItem.onclick" :data-text="secondbannerItem.text"
                    :data-couponRuleId="secondbannerItem.couponruleid" :class="[
                                        filterChecked.sustainableStyle(
                                          secondbannerItem.class,
                                          defaultShow,
                                          defaultShow1,
                                          defaultShow2,
                                          showBlocka, showBlockb, showBlockc,
                                          showSustaia,
                                          showSustaib,
                                          showSustaic,
                                          showSustaid,
                                          showSustaie,
                                          showSustaif,
                                          showSustaig,
                                          showSustaih,
                                          showSustaii,
                                          showSustaij,
                                          showSustaik,
                                          showSustail,
                                          showSustaim,
                                          windowShadesa,
                                          windowShadesb,
                                          windowShadesc
                                        )
                                      ]" :style="secondbannerItem.style">
                    {{ secondbannerItem.text }}
                  </span>
                  <image class="animated fadeIn" v-if="secondbannerItem.tagType == 'img'"
                    :mode="secondbannerItem.mode ? secondbannerItem.mode : modeStyle" :src="secondbannerItem.src"
                    :class="[
                                        filterChecked.sustainableStyle(
                                          secondbannerItem.class,
                                          defaultShow,
                                          defaultShow1,
                                          defaultShow2,
                                          showBlocka, showBlockb, showBlockc,
                                          showSustaia,
                                          showSustaib,
                                          showSustaic,
                                          showSustaid,
                                          showSustaie,
                                          showSustaif,
                                          showSustaig,
                                          showSustaih,
                                          showSustaii,
                                          showSustaij,
                                          showSustaik,
                                          showSustail,
                                          showSustaim,
                                          windowShadesa,
                                          windowShadesb,
                                          windowShadesc
                                        )
                                      ]" style="height: auto;" :style="secondbannerItem.style"
                    @click.stop="cmsClickHandle" :data-handle="secondbannerItem.onclick" :data-ep="secondbannerItem.ep"
                    :data-en="secondbannerItem.en" :data-activitysubscribeid="secondbannerItem.activitysubscribeid"
                    :data-activitysubscribenavigate="secondbannerItem.activitysubscribenavigate"
                    :data-url="secondbannerItem.url" :data-title="secondbannerItem.title"
                    :data-text="secondbannerItem.text" :data-link="secondbannerItem.link"
                    :data-buttontext="secondbannerItem.buttontext" :data-couponRuleId="secondbannerItem.couponruleid">
                  </image>
                  <!-- a和里面的child -->
                  <navigator @click.stop="navigatorClickHandle(secondbannerItem)" :data-index="indexOne"
                    v-if="secondbannerItem.tagType == 'a'" :url="secondbannerItem.href"
                    :target="secondbannerItem.target" :class="secondbannerItem.class"
                    :open-type="secondbannerItem.opentype || 'navigate'" :style="secondbannerItem.style"
                    hover-class="none">
                    <block>{{ secondbannerItem.text }}</block>
                    <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child"
                      :key="thirdbannerIndex">
                      <span v-if="thirdbannerItem.tagType == 'span'" :data-text="thirdbannerItem.text" :class="[
                                            filterChecked.sustainableStyle(
                                              thirdbannerItem.class,
                                              defaultShow,
                                              defaultShow1,
                                              defaultShow2,
                                              showBlocka, showBlockb, showBlockc,
                                              showSustaia,
                                              showSustaib,
                                              showSustaic,
                                              showSustaid,
                                              showSustaie,
                                              showSustaif,
                                              showSustaig,
                                              showSustaih,
                                              showSustaii,
                                              showSustaij,
                                              showSustaik,
                                              showSustail,
                                              showSustaim,
                                              windowShadesa,
                                              windowShadesb,
                                              windowShadesc
                                            )
                                          ]" :style="thirdbannerItem.style">
                        {{ thirdbannerItem.text }}
                      </span>

                      <image class="animated fadeIn" v-if="thirdbannerItem.tagType == 'img'"
                        :mode="thirdbannerItem.mode ? thirdbannerItem.mode : modeStyle" :src="thirdbannerItem.src"
                        :class="thirdbannerItem.class" style="height: auto;" :style="thirdbannerItem.style"
                        @click.stop="cmsClickHandle" :data-handle="thirdbannerItem.onclick"
                        :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                        :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                        :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                        :data-url="thirdbannerItem.url" :data-title="thirdbannerItem.title"
                        :data-text="thirdbannerItem.text" :data-link="thirdbannerItem.link"
                        :data-buttontext="thirdbannerItem.buttontext" :data-couponRuleId="thirdbannerItem.couponruleid">
                      </image>
                    </block>
                  </navigator>
                  <!-- 第三层child div里面的div-->
                  <view v-if="secondbannerItem.tagType == 'div'" @click.stop="cmsClickHandle"
                    :data-ep="secondbannerItem.ep" :data-en="secondbannerItem.en" :data-components="secondbannerItem.components" :data-ssen="secondbannerItem.ssen" :data-ssep="secondbannerItem.ssep"
                    :data-activitysubscribeid="secondbannerItem.activitysubscribeid"
                    :data-activitysubscribenavigate="secondbannerItem.activitysubscribenavigate"
                    :data-handle="secondbannerItem.onclick" :data-text="secondbannerItem.text"
                    :data-couponRuleId="secondbannerItem.couponruleid" :class="[
                                        filterChecked.sustainableStyle(
                                          secondbannerItem.class,
                                          defaultShow,
                                          defaultShow1,
                                          defaultShow2,
                                          showBlocka, showBlockb, showBlockc,
                                          showSustaia,
                                          showSustaib,
                                          showSustaic,
                                          showSustaid,
                                          showSustaie,
                                          showSustaif,
                                          showSustaig,
                                          showSustaih,
                                          showSustaii,
                                          showSustaij,
                                          showSustaik,
                                          showSustail,
                                          showSustaim,
                                          windowShadesa,
                                          windowShadesb,
                                          windowShadesc
                                        )
                                      ]" :style="secondbannerItem.style">

                    <block v-if="secondbannerItem.text">{{ secondbannerItem.text }}</block>
                    <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child"
                      :key="thirdbannerIndex">
                      <!-- {{JSON.stringify(thirdbannerItem.onclick)}} -->
                      <navigator @click.stop="navigatorClickHandle(thirdbannerItem)" :data-index="indexOne"
                        v-if="thirdbannerItem.tagType == 'a'" :url="thirdbannerItem.href"
                        :target="thirdbannerItem.target" :class="thirdbannerItem.class"
                        :open-type="thirdbannerItem.opentype || 'navigate'" :style="thirdbannerItem.style"
                        hover-class="none">
                        <block v-if="thirdbannerItem.text">{{ thirdbannerItem.text }}</block>

                        <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child"
                          :key="fourthbannerIndex">
                          <image class="animated fadeIn" v-if="fourthbannerItem.tagType == 'img'"
                            :mode="fourthbannerItem.mode ? fourthbannerItem.mode : modeStyle"
                            :src="fourthbannerItem.src" :class="fourthbannerItem.class" :style="fourthbannerItem.style"
                            @click.stop="cmsClickHandle" :data-handle="fourthbannerItem.onclick"
                            :data-ep="fourthbannerItem.ep" :data-en="fourthbannerItem.en"
                            :data-activitysubscribeid="fourthbannerItem.activitysubscribeid"
                            :data-activitysubscribenavigate="fourthbannerItem.activitysubscribenavigate"
                            :data-url="fourthbannerItem.url" :data-title="fourthbannerItem.title"
                            :data-text="fourthbannerItem.text" :data-link="fourthbannerItem.link"
                            :data-buttontext="fourthbannerItem.buttontext"
                            :data-couponRuleId="fourthbannerItem.couponruleid"
                            :show-menu-by-longpress="fourthbannerItem.showmenu"></image>
                          <span v-if="fourthbannerItem.tagType == 'span'" :data-text="fourthbannerItem.text"
                            :class="fourthbannerItem.class" :style="fourthbannerItem.style">
                            {{ fourthbannerItem.text }}
                          </span>
                        </block>
                      </navigator>
                      <h2 v-if="thirdbannerItem.tagType == 'h2'" :class="thirdbannerItem.class"
                        :style="thirdbannerItem.style">
                        {{ thirdbannerItem.text }}
                      </h2>
                      <p v-if="thirdbannerItem.tagType == 'p'" @click.stop="cmsClickHandle"
                        :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                        :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                        :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                        :data-handle="thirdbannerItem.onclick" :data-text="thirdbannerItem.text"
                        :data-couponRuleId="thirdbannerItem.couponruleid" :style="thirdbannerItem.style" :class="[
                                            filterChecked.sustainableStyle(
                                              thirdbannerItem.class,
                                              defaultShow,
                                              defaultShow1,
                                              defaultShow2,
                                              showBlocka, showBlockb, showBlockc,
                                              showSustaia,
                                              showSustaib,
                                              showSustaic,
                                              showSustaid,
                                              showSustaie,
                                              showSustaif,
                                              showSustaig,
                                              showSustaih,
                                              showSustaii,
                                              showSustaij,
                                              showSustaik,
                                              showSustail,
                                              showSustaim,
                                              windowShadesa,
                                              windowShadesb,
                                              windowShadesc
                                            )
                                          ]">
                        {{ thirdbannerItem.text }}
                      </p>
                      <label v-if="thirdbannerItem.tagType == 'label'" :class="thirdbannerItem.class"
                        :style="thirdbannerItem.style">{{ thirdbannerItem.text }}</label>
                      <span v-if="thirdbannerItem.tagType == 'span'" @click.stop="cmsClickHandle"
                        :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                        :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                        :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                        :data-handle="thirdbannerItem.onclick" :data-text="thirdbannerItem.text"
                        :data-couponRuleId="thirdbannerItem.couponruleid" :class="[
                                            filterChecked.sustainableStyle(
                                              thirdbannerItem.class,
                                              defaultShow,
                                              defaultShow1,
                                              defaultShow2,
                                              showBlocka, showBlockb, showBlockc,
                                              showSustaia,
                                              showSustaib,
                                              showSustaic,
                                              showSustaid,
                                              showSustaie,
                                              showSustaif,
                                              showSustaig,
                                              showSustaih,
                                              showSustaii,
                                              showSustaij,
                                              showSustaik,
                                              showSustail,
                                              showSustaim,
                                              windowShadesa,
                                              windowShadesb,
                                              windowShadesc
                                            )
                                          ]" :style="thirdbannerItem.style">
                        {{ thirdbannerItem.text }}
                      </span>
                      <image v-if="thirdbannerItem.tagType == 'img'" @click.stop="cmsClickHandle"
                        :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                        :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                        :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                        :data-handle="thirdbannerItem.onclick" :data-url="thirdbannerItem.url"
                        :data-title="thirdbannerItem.title" :data-text="thirdbannerItem.text"
                        :data-link="thirdbannerItem.link" :data-buttontext="thirdbannerItem.buttontext"
                        :mode="thirdbannerItem.mode ? thirdbannerItem.mode : modeStyle" :src="thirdbannerItem.src"
                        :class="thirdbannerItem.class" style="height: auto;" :style="thirdbannerItem.style"
                        :show-menu-by-longpress="thirdbannerItem.showmenu"></image>

                      <!-- 第四层循环 tagType == 'div'-->
                      <view v-if="thirdbannerItem.tagType == 'div'" :class="thirdbannerItem.class"
                        :style="thirdbannerItem.style">
                        <block v-if="thirdbannerItem.text">{{ thirdbannerItem.text }}</block>
                        <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child"
                          :key="fourthbannerIndex">
                          <navigator @click.stop="navigatorClickHandle(fourthbannerItem)" :data-index="indexOne"
                            class="animated fadeInRight" v-if="fourthbannerItem.tagType == 'a'"
                            :url="fourthbannerItem.href" :target="fourthbannerItem.target"
                            :class="fourthbannerItem.class" :open-type="fourthbannerItem.opentype || 'navigate'"
                            :style="fourthbannerItem.style" hover-class="none">
                            <block v-if="fourthbannerItem.text">{{ fourthbannerItem.text }}</block>

                            <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child"
                              :key="fifthbannerIndex">
                              <image v-if="fifthbannerItem.tagType == 'img'"
                                :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                :src="fifthbannerItem.src" :class="fifthbannerItem.class" style="height: auto;"
                                :style="fifthbannerItem.style" @click.stop="cmsClickHandle"
                                :data-ep="fifthbannerItem.ep" :data-en="fifthbannerItem.en"
                                :data-activitysubscribeid="fifthbannerItem.activitysubscribeid"
                                :data-activitysubscribenavigate="fifthbannerItem.activitysubscribenavigate"
                                :data-handle="fifthbannerItem.onclick" :data-url="fifthbannerItem.url"
                                :data-title="fifthbannerItem.title" :data-text="fifthbannerItem.text"
                                :data-link="fifthbannerItem.link" :data-buttontext="fifthbannerItem.buttontext"
                                :data-couponRuleId="fifthbannerItem.couponruleid"
                                :show-menu-by-longpress="fifthbannerItem.showmenu"></image>
                              <span v-if="fifthbannerItem.tagType == 'span'" :data-text="fifthbannerItem.text"
                                :class="fifthbannerItem.class" :style="fifthbannerItem.style">
                                {{ fifthbannerItem.text }}
                              </span>
                            </block>
                          </navigator>
                          <h2 v-if="fourthbannerItem.tagType == 'h2'" :style="fourthbannerItem.style"
                            :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</h2>
                          <p v-if="fourthbannerItem.tagType == 'p'" :style="fourthbannerItem.style"
                            :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</p>
                          <!-- 第五层循环 tagType == 'div'-->
                          <view v-if="fourthbannerItem.tagType == 'div'" :class="fourthbannerItem.class"
                            :style="fourthbannerItem.style">
                            <block v-if="fourthbannerItem.text">{{ fourthbannerItem.text }}</block>
                            <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child"
                              :key="fifthbannerIndex">
                              <navigator @click.stop="navigatorClickHandle(fifthbannerItem)" :data-index="indexOne"
                                v-if="fifthbannerItem.tagType == 'a'" :url="fifthbannerItem.href"
                                :target="fifthbannerItem.target" :class="fifthbannerItem.class"
                                :open-type="fifthbannerItem.opentype || 'navigate'" :style="fifthbannerItem.style"
                                hover-class="none">
                                <block v-if="fifthbannerItem.text">{{ fifthbannerItem.text }}</block>

                                <block v-for="(sixthbannerItem, sixthbannerIndex) in fifthbannerItem.child"
                                  :key="sixthbannerIndex">
                                  <image class="animated fadeIn" v-if="sixthbannerItem.tagType == 'img'"
                                    :mode="sixthbannerItem.mode ? sixthbannerItem.mode : modeStyle"
                                    :src="sixthbannerItem.src" :class="sixthbannerItem.class" style="height: auto;"
                                    :style="sixthbannerItem.style" @click.stop="cmsClickHandle"
                                    :data-ep="sixthbannerItem.ep" :data-en="sixthbannerItem.en"
                                    :data-activitysubscribeid="sixthbannerItem.activitysubscribeid"
                                    :data-activitysubscribenavigate="sixthbannerItem.activitysubscribenavigate"
                                    :data-handle="sixthbannerItem.onclick" :data-url="sixthbannerItem.url"
                                    :data-title="sixthbannerItem.title" :data-text="sixthbannerItem.text"
                                    :data-link="sixthbannerItem.link" :data-buttontext="sixthbannerItem.buttontext"
                                    :data-couponRuleId="sixthbannerItem.couponruleid"
                                    :show-menu-by-longpress="sixthbannerItem.showmenu"></image>
                                  <span v-if="sixthbannerItem.tagType == 'span'" :data-text="sixthbannerItem.text"
                                    :class="sixthbannerItem.class" :style="sixthbannerItem.style">
                                    {{ sixthbannerItem.text }}
                                  </span>
                                </block>
                              </navigator>
                              <image class="animated fadeIn" v-if="fifthbannerItem.tagType == 'img'"
                                :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                :src="fifthbannerItem.src" :class="fifthbannerItem.class" style="height: auto;"
                                :style="fifthbannerItem.style" @click.stop="cmsClickHandle"
                                :data-ep="fifthbannerItem.ep" :data-en="fifthbannerItem.en"
                                :data-activitysubscribeid="fifthbannerItem.activitysubscribeid"
                                :data-activitysubscribenavigate="fifthbannerItem.activitysubscribenavigate"
                                :data-handle="fifthbannerItem.onclick" :data-url="fifthbannerItem.url"
                                :data-title="fifthbannerItem.title" :data-text="fifthbannerItem.text"
                                :data-link="fifthbannerItem.link" :data-buttontext="fifthbannerItem.buttontext"
                                :data-couponRuleId="fifthbannerItem.couponruleid"
                                :show-menu-by-longpress="fifthbannerItem.showmenu"></image>
                              <h2 v-if="fifthbannerItem.tagType == 'h2'" :style="fifthbannerItem.style"
                                :class="fifthbannerItem.class">{{ fifthbannerItem.text }}</h2>
                            </block>
                          </view>
                        </block>
                      </view>
                    </block>
                  </view>
                </block>
              </block>
              <block v-else-if="!!firstbannerItem.class && firstbannerItem.class !== 'non_member'">
                <!-- <block v-else> -->
                <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
                <!-- 第二层child -->
                <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                  <!-- tagType == 'button' -->
                  <block v-if="secondbannerItem.tagType == 'button'">
                    <!-- 用户是否登录 -->
                    <block v-if="secondbannerItem.opentype == 'getUserInfo'">
                      <!-- 用户未入会 -->
                      <block v-if="showJoinMember == 1 || showJoinMember == -1">
                        <view v-if="secondbannerItem.class == 'non_member'" :style="secondbannerItem.style">
                          <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child"
                            :key="thirdbannerIndex">
                            <view v-if="thirdbannerItem.tagType == 'div'" :style="thirdbannerItem.style"
                              @click.stop="cmsClickHandle" :data-handle="thirdbannerItem.onclick"
                              :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                              :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                              :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                              :data-text="thirdbannerItem.text" :data-couponRuleId="thirdbannerItem.couponruleid" :data-components="thirdbannerItem.components" :data-ssen="thirdbannerItem.ssen" :data-ssep="thirdbannerItem.ssep">
                              <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child"
                                :key="fourthbannerIndex">
                                <image v-if="fourthbannerItem.tagType == 'img'" @click.stop="cmsClickHandle"
                                  :data-ep="fourthbannerItem.ep" :data-en="fourthbannerItem.en"
                                  :data-activitysubscribeid="fourthbannerItem.activitysubscribeid"
                                  :data-activitysubscribenavigate="fourthbannerItem.activitysubscribenavigate"
                                  :data-handle="fourthbannerItem.onclick" :data-url="fourthbannerItem.url"
                                  :data-title="fourthbannerItem.title" :data-text="fourthbannerItem.text"
                                  :data-link="fourthbannerItem.link" :data-buttontext="fourthbannerItem.buttontext"
                                  :data-couponRuleId="fourthbannerItem.couponruleid"
                                  :mode="fourthbannerItem.mode ? fourthbannerItem.mode : modeStyle"
                                  :src="fourthbannerItem.src" :class="fourthbannerItem.class" style="height: auto;"
                                  :style="fourthbannerItem.style" :show-menu-by-longpress="fourthbannerItem.showmenu">
                                </image>

                                <!-- a和里面的child -->
                                <navigator v-if="fourthbannerItem.tagType == 'a'"
                                  @click.stop="navigatorClickHandle(fourthbannerItem)" :data-index="indexOne"
                                  :url="fourthbannerItem.href" :open-type="fourthbannerItem.opentype || 'navigate'"
                                  :target="fourthbannerItem.target" :class="fourthbannerItem.class"
                                  :style="fourthbannerItem.style" hover-class="none">
                                  <block v-if="fourthbannerItem.text">{{ fourthbannerItem.text }}</block>
                                  <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child"
                                    :key="fifthbannerIndex">
                                    <span v-if="fifthbannerItem.tagType == 'span'" :data-text="fifthbannerItem.text"
                                      :class="fifthbannerItem.class" :style="fifthbannerItem.style">
                                      {{ fifthbannerItem.text }}
                                    </span>

                                    <image class="animated fadeIn" v-if="fifthbannerItem.tagType == 'img'"
                                      :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                      :src="fifthbannerItem.src" :class="fifthbannerItem.class" style="height: auto;"
                                      :style="fifthbannerItem.style" @click.stop="cmsClickHandle"
                                      :data-ep="fifthbannerItem.ep" :data-en="fifthbannerItem.en"
                                      :data-activitysubscribeid="fifthbannerItem.activitysubscribeid"
                                      :data-activitysubscribenavigate="fifthbannerItem.activitysubscribenavigate"
                                      :data-handle="fifthbannerItem.onclick" :data-url="fifthbannerItem.url"
                                      :data-title="fifthbannerItem.title" :data-text="fifthbannerItem.text"
                                      :data-link="fifthbannerItem.link" :data-buttontext="fifthbannerItem.buttontext"
                                      :data-couponRuleId="fifthbannerItem.couponruleid"
                                      :show-menu-by-longpress="fifthbannerItem.showmenu"></image>
                                  </block>
                                </navigator>
                              </block>
                            </view>
                          </block>
                        </view>
                      </block>

                      <!-- 用户已入会&&已绑定tm账号 -->
                      <block v-else>
                        <view v-if="secondbannerItem.class == 'is_member'" :style="secondbannerItem.style">
                          <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child"
                            :key="thirdbannerIndex">
                            <view v-if="thirdbannerItem.tagType == 'div'" :style="thirdbannerItem.style"
                              @click.stop="cmsClickHandle" :data-handle="thirdbannerItem.onclick"
                              :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                              :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                              :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                              :data-text="thirdbannerItem.text" :data-couponRuleId="thirdbannerItem.couponruleid" :data-components="thirdbannerItem.components" :data-ssen="thirdbannerItem.ssen" :data-ssep="thirdbannerItem.ssep">
                              <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child"
                                :key="fourthbannerIndex">
                                <image v-if="fourthbannerItem.tagType == 'img'" @click.stop="cmsClickHandle"
                                  :data-ep="fourthbannerItem.ep" :data-en="fourthbannerItem.en"
                                  :data-activitysubscribeid="fourthbannerItem.activitysubscribeid"
                                  :data-activitysubscribenavigate="fourthbannerItem.activitysubscribenavigate"
                                  :data-handle="fourthbannerItem.onclick" :data-url="fourthbannerItem.url"
                                  :data-title="fourthbannerItem.title" :data-text="fourthbannerItem.text"
                                  :data-link="fourthbannerItem.link" :data-buttontext="fourthbannerItem.buttontext"
                                  :data-couponRuleId="fourthbannerItem.couponruleid"
                                  :mode="fourthbannerItem.mode ? fourthbannerItem.mode : modeStyle"
                                  :src="fourthbannerItem.src" :class="fourthbannerItem.class" style="height: auto;"
                                  :style="fourthbannerItem.style" :show-menu-by-longpress="fourthbannerItem.showmenu">
                                </image>

                                <!-- a和里面的child -->
                                <navigator @click.stop="navigatorClickHandle(fourthbannerItem)" :data-index="indexOne"
                                  v-if="fourthbannerItem.tagType == 'a'" :url="fourthbannerItem.href"
                                  :target="fourthbannerItem.target" :class="fourthbannerItem.class"
                                  :open-type="fourthbannerItem.opentype || 'navigate'" :style="fourthbannerItem.style"
                                  hover-class="none">
                                  <block v-if="fourthbannerItem.text">{{ fourthbannerItem.text }}</block>
                                  <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child"
                                    :key="fifthbannerIndex">
                                    <span v-if="fifthbannerItem.tagType == 'span'" :data-text="fifthbannerItem.text"
                                      :class="[
                                                          filterChecked.sustainableStyle(
                                                            fifthbannerItem.class,
                                                            defaultShow,
                                                            defaultShow1,
                                                            defaultShow2,
                                                            showBlocka, showBlockb, showBlockc,
                                                            showSustaia,
                                                            showSustaib,
                                                            showSustaic,
                                                            showSustaid,
                                                            showSustaie,
                                                            showSustaif,
                                                            showSustaig,
                                                            showSustaih,
                                                            showSustaii,
                                                            showSustaij,
                                                            showSustaik,
                                                            showSustail,
                                                            showSustaim,
                                                            windowShadesa,
                                                            windowShadesb,
                                                            windowShadesc
                                                          )
                                                        ]" :style="fifthbannerItem.style">
                                      {{ fifthbannerItem.text }}
                                    </span>

                                    <image class="animated fadeIn" v-if="fifthbannerItem.tagType == 'img'"
                                      :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                      :src="fifthbannerItem.src" :class="fifthbannerItem.class" style="height: auto;"
                                      :style="fifthbannerItem.style" @click.stop="cmsClickHandle"
                                      :data-ep="fifthbannerItem.ep" :data-en="fifthbannerItem.en"
                                      :data-activitysubscribeid="fifthbannerItem.activitysubscribeid"
                                      :data-activitysubscribenavigate="fifthbannerItem.activitysubscribenavigate"
                                      :data-handle="fifthbannerItem.onclick" :data-url="fifthbannerItem.url"
                                      :data-title="fifthbannerItem.title" :data-text="fifthbannerItem.text"
                                      :data-link="fifthbannerItem.link" :data-buttontext="fifthbannerItem.buttontext"
                                      :data-couponRuleId="fifthbannerItem.couponruleid"
                                      :show-menu-by-longpress="fifthbannerItem.showmenu"></image>
                                  </block>
                                </navigator>
                              </block>
                            </view>
                          </block>
                        </view>
                      </block>
                    </block>
                  </block>

                  <h2 v-if="secondbannerItem.tagType == 'h2'" :class="secondbannerItem.class"
                    :style="secondbannerItem.style">
                    {{ secondbannerItem.text }}
                  </h2>
                  <p v-if="secondbannerItem.tagType == 'p'" @click.stop="cmsClickHandle" :data-ep="secondbannerItem.ep"
                    :data-en="secondbannerItem.en" :data-activitysubscribeid="secondbannerItem.activitysubscribeid"
                    :data-activitysubscribenavigate="secondbannerItem.activitysubscribenavigate"
                    :data-handle="secondbannerItem.onclick" :data-text="secondbannerItem.text"
                    :data-couponRuleId="secondbannerItem.couponruleid" :style="secondbannerItem.style" :class="[
                                        filterChecked.sustainableStyle(
                                          secondbannerItem.class,
                                          defaultShow,defaultShow1,defaultShow2,
                                          showBlocka, showBlockb, showBlockc,
                                          showSustaia,
                                          showSustaib,
                                          showSustaic,
                                          showSustaid,
                                          showSustaie,
                                          showSustaif,
                                          showSustaig,
                                          showSustaih,
                                          showSustaii,
                                          showSustaij,
                                          showSustaik,
                                          showSustail,
                                          showSustaim,
                                          windowShadesa,
                                          windowShadesb,
                                          windowShadesc
                                        )
                                      ]">
                    {{ secondbannerItem.text }}
                  </p>
                  <label v-if="secondbannerItem.tagType == 'label'" :class="secondbannerItem.class"
                    :style="secondbannerItem.style">{{ secondbannerItem.text }}</label>
                  <span v-if="secondbannerItem.tagType == 'span'" @click.stop="cmsClickHandle"
                    :data-ep="secondbannerItem.ep" :data-en="secondbannerItem.en"
                    :data-activitysubscribeid="secondbannerItem.activitysubscribeid"
                    :data-activitysubscribenavigate="secondbannerItem.activitysubscribenavigate"
                    :data-handle="secondbannerItem.onclick" :data-text="secondbannerItem.text"
                    :data-couponRuleId="secondbannerItem.couponruleid" :class="[
                                        filterChecked.sustainableStyle(
                                          secondbannerItem.class,
                                          defaultShow,defaultShow1,defaultShow2,
                                          showBlocka, showBlockb, showBlockc,
                                          showSustaia,
                                          showSustaib,
                                          showSustaic,
                                          showSustaid,
                                          showSustaie,
                                          showSustaif,
                                          showSustaig,
                                          showSustaih,
                                          showSustaii,
                                          showSustaij,
                                          showSustaik,
                                          showSustail,
                                          showSustaim,
                                          windowShadesa,
                                          windowShadesb,
                                          windowShadesc
                                        )
                                      ]" :style="secondbannerItem.style">
                    {{ secondbannerItem.text }}
                  </span>
                  <image class="animated fadeIn" v-if="secondbannerItem.tagType == 'img'"
                    :mode="secondbannerItem.mode ? secondbannerItem.mode : modeStyle" :src="secondbannerItem.src"
                    :class="[
                                        filterChecked.sustainableStyle(
                                          secondbannerItem.class,
                                          defaultShow,defaultShow1,defaultShow2,
                                          showBlocka, showBlockb, showBlockc,
                                          showSustaia,
                                          showSustaib,
                                          showSustaic,
                                          showSustaid,
                                          showSustaie,
                                          showSustaif,
                                          showSustaig,
                                          showSustaih,
                                          showSustaii,
                                          showSustaij,
                                          showSustaik,
                                          showSustail,
                                          showSustaim,
                                          windowShadesa,
                                          windowShadesb,
                                          windowShadesc
                                        )
                                      ]" style="height: auto;" :style="secondbannerItem.style"
                    @click.stop="cmsClickHandle" :data-handle="secondbannerItem.onclick" :data-ep="secondbannerItem.ep"
                    :data-en="secondbannerItem.en" :data-activitysubscribeid="secondbannerItem.activitysubscribeid"
                    :data-activitysubscribenavigate="secondbannerItem.activitysubscribenavigate"
                    :data-url="secondbannerItem.url" :data-title="secondbannerItem.title"
                    :data-text="secondbannerItem.text" :data-link="secondbannerItem.link"
                    :data-buttontext="secondbannerItem.buttontext" :data-couponRuleId="secondbannerItem.couponruleid">
                  </image>
                  <!-- a和里面的child -->
                  <navigator @click.stop="navigatorClickHandle(secondbannerItem)" :data-index="indexOne"
                    v-if="secondbannerItem.tagType == 'a'" :url="secondbannerItem.href"
                    :target="secondbannerItem.target" :class="secondbannerItem.class"
                    :open-type="secondbannerItem.opentype || 'navigate'" :style="secondbannerItem.style"
                    hover-class="none">
                    <block>{{ secondbannerItem.text }}</block>
                    <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child"
                      :key="thirdbannerIndex">
                      <span v-if="thirdbannerItem.tagType == 'span'" :data-text="thirdbannerItem.text" :class="[
                                            filterChecked.sustainableStyle(
                                              thirdbannerItem.class,
                                              defaultShow,defaultShow1,defaultShow2,
                                              showBlocka, showBlockb, showBlockc,
                                              showSustaia,
                                              showSustaib,
                                              showSustaic,
                                              showSustaid,
                                              showSustaie,
                                              showSustaif,
                                              showSustaig,
                                              showSustaih,
                                              showSustaii,
                                              showSustaij,
                                              showSustaik,
                                              showSustail,
                                              showSustaim,
                                              windowShadesa,
                                              windowShadesb,
                                              windowShadesc
                                            )
                                          ]" :style="thirdbannerItem.style">
                        {{ thirdbannerItem.text }}
                      </span>

                      <image class="animated fadeIn" v-if="thirdbannerItem.tagType == 'img'"
                        :mode="thirdbannerItem.mode ? thirdbannerItem.mode : modeStyle" :src="thirdbannerItem.src"
                        :class="thirdbannerItem.class" style="height: auto;" :style="thirdbannerItem.style"
                        @click.stop="cmsClickHandle" :data-handle="thirdbannerItem.onclick"
                        :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                        :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                        :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                        :data-url="thirdbannerItem.url" :data-title="thirdbannerItem.title"
                        :data-text="thirdbannerItem.text" :data-link="thirdbannerItem.link"
                        :data-buttontext="thirdbannerItem.buttontext" :data-couponRuleId="thirdbannerItem.couponruleid">
                      </image>
                    </block>
                  </navigator>
                  <!-- 第三层child div里面的div-->
                  <view v-if="secondbannerItem.tagType == 'div'" @click.stop="cmsClickHandle"
                    :data-ep="secondbannerItem.ep" :data-en="secondbannerItem.en"
                    :data-activitysubscribeid="secondbannerItem.activitysubscribeid"
                    :data-activitysubscribenavigate="secondbannerItem.activitysubscribenavigate"
                    :data-handle="secondbannerItem.onclick" :data-text="secondbannerItem.text"
                    :data-components="secondbannerItem.components" :data-ssen="secondbannerItem.ssen" :data-ssep="secondbannerItem.ssep"
                    :data-couponRuleId="secondbannerItem.couponruleid" :class="[
                                        filterChecked.sustainableStyle(
                                          secondbannerItem.class,
                                          defaultShow,defaultShow1,defaultShow2,
                                          showBlocka, showBlockb, showBlockc,
                                          showSustaia,
                                          showSustaib,
                                          showSustaic,
                                          showSustaid,
                                          showSustaie,
                                          showSustaif,
                                          showSustaig,
                                          showSustaih,
                                          showSustaii,
                                          showSustaij,
                                          showSustaik,
                                          showSustail,
                                          showSustaim,
                                          windowShadesa,
                                          windowShadesb,
                                          windowShadesc
                                        )
                                      ]" :style="secondbannerItem.style">
                    <block v-if="secondbannerItem.text">{{ secondbannerItem.text }}</block>
                    <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child"
                      :key="thirdbannerIndex">

                      <!-- {{JSON.stringify(thirdbannerItem.onclick)}} -->
                      <navigator @click.stop="navigatorClickHandle(thirdbannerItem)" :data-index="indexOne"
                        v-if="thirdbannerItem.tagType == 'a'" :url="thirdbannerItem.href"
                        :target="thirdbannerItem.target" :class="thirdbannerItem.class"
                        :open-type="thirdbannerItem.opentype || 'navigate'" :style="thirdbannerItem.style"
                        hover-class="none">
                        <block v-if="thirdbannerItem.text">{{ thirdbannerItem.text }}</block>

                        <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child"
                          :key="fourthbannerIndex">
                          <image class="animated fadeIn" v-if="fourthbannerItem.tagType == 'img'"
                            :mode="fourthbannerItem.mode ? fourthbannerItem.mode : modeStyle"
                            :src="fourthbannerItem.src" :class="fourthbannerItem.class" :style="fourthbannerItem.style"
                            @click.stop="cmsClickHandle" :data-handle="fourthbannerItem.onclick"
                            :data-ep="fourthbannerItem.ep" :data-en="fourthbannerItem.en"
                            :data-activitysubscribeid="fourthbannerItem.activitysubscribeid"
                            :data-activitysubscribenavigate="fourthbannerItem.activitysubscribenavigate"
                            :data-url="fourthbannerItem.url" :data-title="fourthbannerItem.title"
                            :data-text="fourthbannerItem.text" :data-link="fourthbannerItem.link"
                            :data-buttontext="fourthbannerItem.buttontext"
                            :data-couponRuleId="fourthbannerItem.couponruleid"
                            :show-menu-by-longpress="fourthbannerItem.showmenu"></image>
                          <span v-if="fourthbannerItem.tagType == 'span'" :data-text="fourthbannerItem.text"
                            :class="fourthbannerItem.class" :style="fourthbannerItem.style">
                            {{ fourthbannerItem.text }}
                          </span>
                        </block>
                      </navigator>
                      <h2 v-if="thirdbannerItem.tagType == 'h2'" :class="thirdbannerItem.class"
                        :style="thirdbannerItem.style">
                        {{ thirdbannerItem.text }}
                      </h2>
                      <p v-if="thirdbannerItem.tagType == 'p'" @click.stop="cmsClickHandle"
                        :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                        :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                        :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                        :data-handle="thirdbannerItem.onclick" :data-text="thirdbannerItem.text"
                        :data-couponRuleId="thirdbannerItem.couponruleid" :style="thirdbannerItem.style" :class="[
                                            filterChecked.sustainableStyle(
                                              thirdbannerItem.class,
                                              defaultShow,defaultShow1,defaultShow2,
                                              showBlocka, showBlockb, showBlockc,
                                              showSustaia,
                                              showSustaib,
                                              showSustaic,
                                              showSustaid,
                                              showSustaie,
                                              showSustaif,
                                              showSustaig,
                                              showSustaih,
                                              showSustaii,
                                              showSustaij,
                                              showSustaik,
                                              showSustail,
                                              showSustaim,
                                              windowShadesa,
                                              windowShadesb,
                                              windowShadesc
                                            )
                                          ]">
                        {{ thirdbannerItem.text }}
                      </p>
                      <label v-if="thirdbannerItem.tagType == 'label'" :class="thirdbannerItem.class"
                        :style="thirdbannerItem.style">{{ thirdbannerItem.text }}</label>
                      <span v-if="thirdbannerItem.tagType == 'span'" @click.stop="cmsClickHandle"
                        :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                        :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                        :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                        :data-handle="thirdbannerItem.onclick" :data-text="thirdbannerItem.text"
                        :data-couponRuleId="thirdbannerItem.couponruleid" :class="[
                                            filterChecked.sustainableStyle(
                                              thirdbannerItem.class,
                                              defaultShow,defaultShow1,defaultShow2,
                                              showBlocka, showBlockb, showBlockc,
                                              showSustaia,
                                              showSustaib,
                                              showSustaic,
                                              showSustaid,
                                              showSustaie,
                                              showSustaif,
                                              showSustaig,
                                              showSustaih,
                                              showSustaii,
                                              showSustaij,
                                              showSustaik,
                                              showSustail,
                                              showSustaim,
                                              windowShadesa,
                                              windowShadesb,
                                              windowShadesc
                                            )
                                          ]" :style="thirdbannerItem.style">
                        {{ thirdbannerItem.text }}
                      </span>
                      <image v-if="thirdbannerItem.tagType == 'img'" @click.stop="cmsClickHandle"
                        :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                        :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                        :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                        :data-handle="thirdbannerItem.onclick" :data-url="thirdbannerItem.url"
                        :data-title="thirdbannerItem.title" :data-text="thirdbannerItem.text"
                        :data-link="thirdbannerItem.link" :data-buttontext="thirdbannerItem.buttontext"
                        :mode="thirdbannerItem.mode ? thirdbannerItem.mode : modeStyle" :src="thirdbannerItem.src"
                        :class="thirdbannerItem.class" style="height: auto;" :style="thirdbannerItem.style"
                        :show-menu-by-longpress="thirdbannerItem.showmenu"></image>

                      <!-- 第四层循环 tagType == 'div'-->
                      <view v-if="thirdbannerItem.tagType == 'div'" :class="thirdbannerItem.class"
                        :style="thirdbannerItem.style">
                        <block v-if="thirdbannerItem.text">{{ thirdbannerItem.text }}</block>
                        <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child"
                          :key="fourthbannerIndex">
                          <navigator @click.stop="navigatorClickHandle(fourthbannerItem)" :data-index="indexOne"
                            class="animated fadeInRight" v-if="fourthbannerItem.tagType == 'a'"
                            :url="fourthbannerItem.href" :target="fourthbannerItem.target"
                            :class="fourthbannerItem.class" :open-type="fourthbannerItem.opentype || 'navigate'"
                            :style="fourthbannerItem.style" hover-class="none">
                            <block v-if="fourthbannerItem.text">{{ fourthbannerItem.text }}</block>

                            <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child"
                              :key="fifthbannerIndex">
                              <image v-if="fifthbannerItem.tagType == 'img'"
                                :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                :src="fifthbannerItem.src" :class="fifthbannerItem.class" style="height: auto;"
                                :style="fifthbannerItem.style" @click.stop="cmsClickHandle"
                                :data-ep="fifthbannerItem.ep" :data-en="fifthbannerItem.en"
                                :data-activitysubscribeid="fifthbannerItem.activitysubscribeid"
                                :data-activitysubscribenavigate="fifthbannerItem.activitysubscribenavigate"
                                :data-handle="fifthbannerItem.onclick" :data-url="fifthbannerItem.url"
                                :data-title="fifthbannerItem.title" :data-text="fifthbannerItem.text"
                                :data-link="fifthbannerItem.link" :data-buttontext="fifthbannerItem.buttontext"
                                :data-couponRuleId="fifthbannerItem.couponruleid"
                                :show-menu-by-longpress="fifthbannerItem.showmenu"></image>
                              <span v-if="fifthbannerItem.tagType == 'span'" :data-text="fifthbannerItem.text"
                                :class="fifthbannerItem.class" :style="fifthbannerItem.style">
                                {{ fifthbannerItem.text }}
                              </span>
                            </block>
                          </navigator>
                          <h2 v-if="fourthbannerItem.tagType == 'h2'" :style="fourthbannerItem.style"
                            :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</h2>
                          <p v-if="fourthbannerItem.tagType == 'p'" :style="fourthbannerItem.style"
                            :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</p>
                          <!-- 第五层循环 tagType == 'div'-->
                          <view v-if="fourthbannerItem.tagType == 'div'" :class="fourthbannerItem.class"
                            :style="fourthbannerItem.style">
                            <block v-if="fourthbannerItem.text">{{ fourthbannerItem.text }}</block>
                            <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child"
                              :key="fifthbannerIndex">
                              <navigator @click.stop="navigatorClickHandle(fifthbannerItem)" :data-index="indexOne"
                                v-if="fifthbannerItem.tagType == 'a'" :url="fifthbannerItem.href"
                                :target="fifthbannerItem.target" :class="fifthbannerItem.class"
                                :style="fifthbannerItem.style" hover-class="none">
                                <block v-if="fifthbannerItem.text">{{ fifthbannerItem.text }}</block>

                                <block v-for="(sixthbannerItem, sixthbannerIndex) in fifthbannerItem.child"
                                  :key="sixthbannerIndex">
                                  <image class="animated fadeIn" v-if="sixthbannerItem.tagType == 'img'"
                                    :mode="sixthbannerItem.mode ? sixthbannerItem.mode : modeStyle"
                                    :src="sixthbannerItem.src" :class="sixthbannerItem.class" style="height: auto;"
                                    :style="sixthbannerItem.style" @click.stop="cmsClickHandle"
                                    :data-ep="sixthbannerItem.ep" :data-en="sixthbannerItem.en"
                                    :data-activitysubscribeid="sixthbannerItem.activitysubscribeid"
                                    :data-activitysubscribenavigate="sixthbannerItem.activitysubscribenavigate"
                                    :data-handle="sixthbannerItem.onclick" :data-url="sixthbannerItem.url"
                                    :data-title="sixthbannerItem.title" :data-text="sixthbannerItem.text"
                                    :data-link="sixthbannerItem.link" :data-buttontext="sixthbannerItem.buttontext"
                                    :data-couponRuleId="sixthbannerItem.couponruleid"
                                    :show-menu-by-longpress="sixthbannerItem.showmenu"></image>
                                  <span v-if="sixthbannerItem.tagType == 'span'" :data-text="sixthbannerItem.text"
                                    :class="sixthbannerItem.class" :style="sixthbannerItem.style">
                                    {{ sixthbannerItem.text }}
                                  </span>
                                </block>
                              </navigator>
                              <image class="animated fadeIn" v-if="fifthbannerItem.tagType == 'img'"
                                :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                :src="fifthbannerItem.src" :class="fifthbannerItem.class" style="height: auto;"
                                :style="fifthbannerItem.style" @click.stop="cmsClickHandle"
                                :data-ep="fifthbannerItem.ep" :data-en="fifthbannerItem.en"
                                :data-activitysubscribeid="fifthbannerItem.activitysubscribeid"
                                :data-activitysubscribenavigate="fifthbannerItem.activitysubscribenavigate"
                                :data-handle="fifthbannerItem.onclick" :data-url="fifthbannerItem.url"
                                :data-title="fifthbannerItem.title" :data-text="fifthbannerItem.text"
                                :data-link="fifthbannerItem.link" :data-buttontext="fifthbannerItem.buttontext"
                                :data-couponRuleId="fifthbannerItem.couponruleid"
                                :show-menu-by-longpress="fifthbannerItem.showmenu"></image>
                              <h2 v-if="fifthbannerItem.tagType == 'h2'" :style="fifthbannerItem.style"
                                :class="fifthbannerItem.class">{{ fifthbannerItem.text }}</h2>
                            </block>
                          </view>
                        </block>
                      </view>
                    </block>
                  </view>
                </block>

              </block>
              <block v-else>
                <!-- 第二层child -->
                <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                  <h2 v-if="secondbannerItem.tagType == 'h2'" :class="secondbannerItem.class"
                    :style="secondbannerItem.style">{{ secondbannerItem.text }}</h2>
                  <p v-if="secondbannerItem.tagType == 'p'" @click.stop="cmsClickHandle" :data-ep="secondbannerItem.ep"
                    :data-en="secondbannerItem.en" :data-activitysubscribeid="secondbannerItem.activitysubscribeid"
                    :data-activitysubscribenavigate="secondbannerItem.activitysubscribenavigate"
                    :data-handle="secondbannerItem.onclick" :data-text="secondbannerItem.text"
                    :style="secondbannerItem.style"
                    :class="[filterChecked.sustainableStyle(secondbannerItem.class,defaultShow,defaultShow1,defaultShow2,showBlocka, showBlockb, showBlockc,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii)]">
                    {{ secondbannerItem.text }}
                  </p>
                  <label v-if="secondbannerItem.tagType == 'label'" :class="secondbannerItem.class"
                    :style="secondbannerItem.style">{{ secondbannerItem.text }}</label>
                  <span v-if="secondbannerItem.tagType == 'span'" @click.stop="cmsClickHandle"
                    :data-ep="secondbannerItem.ep" :data-en="secondbannerItem.en"
                    :data-activitysubscribeid="secondbannerItem.activitysubscribeid"
                    :data-activitysubscribenavigate="secondbannerItem.activitysubscribenavigate"
                    :data-handle="secondbannerItem.onclick" :data-text="secondbannerItem.text"
                    :class="[filterChecked.sustainableStyle(secondbannerItem.class,defaultShow,defaultShow1,defaultShow2,showBlocka, showBlockb, showBlockc,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii)]"
                    :style="secondbannerItem.style">
                    {{ secondbannerItem.text }}
                  </span>
                  <image class="animated fadeIn" v-if="secondbannerItem.tagType == 'img'"
                    :mode="secondbannerItem.mode ? secondbannerItem.mode : modeStyle" :src="secondbannerItem.src"
                    :class="secondbannerItem.class" :style="secondbannerItem.style" @click.stop="cmsClickHandle"
                    :data-ep="secondbannerItem.ep" :data-en="secondbannerItem.en"
                    :data-activitysubscribeid="secondbannerItem.activitysubscribeid"
                    :data-activitysubscribenavigate="secondbannerItem.activitysubscribenavigate"
                    :data-handle="secondbannerItem.onclick" :data-url="secondbannerItem.url"
                    :data-title="secondbannerItem.title" :data-text="secondbannerItem.text"
                    :data-link="secondbannerItem.link" :data-buttontext="secondbannerItem.buttontext"
                    :data-couponRuleId="secondbannerItem.couponruleid"
                    :show-menu-by-longpress="secondbannerItem.showmenu"></image>
                  <!-- a和里面的child -->
                  <!-- abTest -->
                  <navigator v-if="secondbannerItem.tagType == 'a'" :url="secondbannerItem.href"
                    :target="secondbannerItem.target" :class="secondbannerItem.class" :style="secondbannerItem.style"
                    hover-class="none">
                    <text :data-eventname="secondbannerItem.eventname"
                      @click="customEventTrigger">{{ secondbannerItem.text }}</text>
                    <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child"
                      :key="thirdbannerIndex">
                      <image class="animated fadeIn" v-if="thirdbannerItem.tagType == 'img'"
                        :mode="thirdbannerItem.mode ? thirdbannerItem.mode : modeStyle" :src="thirdbannerItem.src"
                        :class="thirdbannerItem.class" :style="thirdbannerItem.style" @click.stop="cmsClickHandle"
                        :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                        :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                        :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                        :data-handle="thirdbannerItem.onclick" :data-url="thirdbannerItem.url"
                        :data-title="thirdbannerItem.title" :data-text="thirdbannerItem.text"
                        :data-link="thirdbannerItem.link" :data-buttontext="thirdbannerItem.buttontext"
                        :data-couponRuleId="thirdbannerItem.couponruleid"
                        :show-menu-by-longpress="thirdbannerItem.showmenu"></image>
                    </block>
                  </navigator>
                  <!-- 第三层child div里面的div-->

                  <view v-if="secondbannerItem.tagType == 'div'" @click.stop="cmsClickHandle"
                    :data-ep="secondbannerItem.ep" :data-en="secondbannerItem.en"
                    :data-activitysubscribeid="secondbannerItem.activitysubscribeid"
                    :data-activitysubscribenavigate="secondbannerItem.activitysubscribenavigate"
                    :data-handle="secondbannerItem.onclick" :data-text="secondbannerItem.text"
                    :class="[filterChecked.sustainableStyle(secondbannerItem.class,defaultShow,defaultShow1,defaultShow2,showBlocka, showBlockb, showBlockc,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii)]"
                    :style="secondbannerItem.style">
                    <block v-if="secondbannerItem.text">{{ secondbannerItem.text }}</block>
                    <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child"
                      :key="thirdbannerIndex">
                      <navigator v-if="thirdbannerItem.tagType == 'a'" :url="thirdbannerItem.href"
                        :target="thirdbannerItem.target" :class="thirdbannerItem.class" :style="thirdbannerItem.style"
                        hover-class="none">
                        <block v-if="thirdbannerItem.text">{{ thirdbannerItem.text }}</block>

                        <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child"
                          :key="fourthbannerIndex">
                          <image class="animated fadeIn" v-if="fourthbannerItem.tagType == 'img'"
                            :mode="fourthbannerItem.mode ? fourthbannerItem.mode : modeStyle"
                            :src="fourthbannerItem.src" :class="fourthbannerItem.class" :style="fourthbannerItem.style"
                            @click.stop="cmsClickHandle" :data-handle="fourthbannerItem.onclick"
                            :data-ep="fourthbannerItem.ep" :data-en="fourthbannerItem.en"
                            :data-activitysubscribeid="fourthbannerItem.activitysubscribeid"
                            :data-activitysubscribenavigate="fourthbannerItem.activitysubscribenavigate"
                            :data-url="fourthbannerItem.url" :data-title="fourthbannerItem.title"
                            :data-text="fourthbannerItem.text" :data-link="fourthbannerItem.link"
                            :data-buttontext="fourthbannerItem.buttontext"
                            :data-couponRuleId="fourthbannerItem.couponruleid"
                            :show-menu-by-longpress="fourthbannerItem.showmenu"></image>
                        </block>
                      </navigator>
                      <h2 v-if="thirdbannerItem.tagType == 'h2'" :class="thirdbannerItem.class"
                        :style="thirdbannerItem.style">{{ thirdbannerItem.text }}</h2>
                      <p v-if="thirdbannerItem.tagType == 'p'" @click.stop="cmsClickHandle"
                        :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                        :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                        :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                        :data-handle="thirdbannerItem.onclick" :data-text="thirdbannerItem.text"
                        :style="thirdbannerItem.style"
                        :class="[filterChecked.sustainableStyle(thirdbannerItem.class,defaultShow,defaultShow1,defaultShow2,showBlocka, showBlockb, showBlockc,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii)]">
                        {{ thirdbannerItem.text }}
                      </p>
                      <label v-if="thirdbannerItem.tagType == 'label'" :class="thirdbannerItem.class"
                        :style="thirdbannerItem.style">{{ thirdbannerItem.text }}</label>
                      <span v-if="thirdbannerItem.tagType == 'span'" @click.stop="cmsClickHandle"
                        :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                        :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                        :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                        :data-handle="thirdbannerItem.onclick" :data-text="thirdbannerItem.text"
                        :class="[filterChecked.sustainableStyle(thirdbannerItem.class,defaultShow,defaultShow1,defaultShow2,showBlocka, showBlockb, showBlockc,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii)]"
                        :style="thirdbannerItem.style">
                        {{ thirdbannerItem.text }}
                      </span>
                      <image v-if="thirdbannerItem.tagType == 'img'"
                        :mode="thirdbannerItem.mode ? thirdbannerItem.mode : modeStyle" :src="thirdbannerItem.src"
                        :class="thirdbannerItem.class" :style="thirdbannerItem.style" @click.stop="cmsClickHandle"
                        :data-ep="thirdbannerItem.ep" :data-en="thirdbannerItem.en"
                        :data-activitysubscribeid="thirdbannerItem.activitysubscribeid"
                        :data-activitysubscribenavigate="thirdbannerItem.activitysubscribenavigate"
                        :data-handle="thirdbannerItem.onclick" :data-url="thirdbannerItem.url"
                        :data-title="thirdbannerItem.title" :data-text="thirdbannerItem.text"
                        :data-link="thirdbannerItem.link" :data-buttontext="thirdbannerItem.buttontext"
                        :data-couponRuleId="thirdbannerItem.couponruleid"
                        :show-menu-by-longpress="thirdbannerItem.showmenu"></image>

                      <!-- 第四层循环 tagType == 'div'-->
                      <view v-if="thirdbannerItem.tagType == 'div'" :class="thirdbannerItem.class"
                        :style="thirdbannerItem.style">
                        <block v-if="thirdbannerItem.text">{{ thirdbannerItem.text }}</block>

                        <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child"
                          :key="fourthbannerIndex">
                          <navigator class="animated fadeInRight" v-if="fourthbannerItem.tagType == 'a'"
                            :url="fourthbannerItem.href" :target="fourthbannerItem.target"
                            :class="fourthbannerItem.class" :style="fourthbannerItem.style" hover-class="none">
                            <block v-if="fourthbannerItem.text">{{ fourthbannerItem.text }}</block>

                            <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child"
                              :key="fifthbannerIndex">
                              <image v-if="fifthbannerItem.tagType == 'img'"
                                :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                :src="fifthbannerItem.src" :class="fifthbannerItem.class" :style="fifthbannerItem.style"
                                @click.stop="cmsClickHandle" :data-handle="fifthbannerItem.onclick"
                                :data-ep="fifthbannerItem.ep" :data-en="fifthbannerItem.en"
                                :data-activitysubscribeid="fifthbannerItem.activitysubscribeid"
                                :data-activitysubscribenavigate="fifthbannerItem.activitysubscribenavigate"
                                :data-url="fifthbannerItem.url" :data-title="fifthbannerItem.title"
                                :data-text="fifthbannerItem.text" :data-link="fifthbannerItem.link"
                                :data-buttontext="fifthbannerItem.buttontext"
                                :data-couponRuleId="fifthbannerItem.couponruleid"
                                :show-menu-by-longpress="fifthbannerItem.showmenu"></image>
                            </block>
                          </navigator>
                          <h2 v-if="fourthbannerItem.tagType == 'h2'" :style="fourthbannerItem.style"
                            :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</h2>
                          <p v-if="fourthbannerItem.tagType == 'p'" :style="fourthbannerItem.style"
                            :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</p>
                          <!-- 第五层循环 tagType == 'div'-->
                          <view v-if="fourthbannerItem.tagType == 'div'" :class="fourthbannerItem.class"
                            :style="fourthbannerItem.style">
                            <block v-if="fourthbannerItem.text">{{ fourthbannerItem.text }}</block>
                            <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child"
                              :key="fifthbannerIndex">
                              <navigator v-if="fifthbannerItem.tagType == 'a'" :url="fifthbannerItem.href"
                                :target="fifthbannerItem.target" :class="fifthbannerItem.class"
                                :style="fifthbannerItem.style" hover-class="none">
                                <block v-if="fifthbannerItem.text">{{ fifthbannerItem.text }}</block>

                                <block v-for="(sixthbannerItem, sixthbannerIndex) in fifthbannerItem.child"
                                  :key="sixthbannerIndex">
                                  <image class="animated fadeIn" v-if="sixthbannerItem.tagType == 'img'"
                                    :mode="sixthbannerItem.mode ? sixthbannerItem.mode : modeStyle"
                                    :src="sixthbannerItem.src" :class="sixthbannerItem.class"
                                    :style="sixthbannerItem.style" @click.stop="cmsClickHandle"
                                    :data-ep="sixthbannerItem.ep" :data-en="sixthbannerItem.en"
                                    :data-activitysubscribeid="sixthbannerItem.activitysubscribeid"
                                    :data-activitysubscribenavigate="sixthbannerItem.activitysubscribenavigate"
                                    :data-handle="sixthbannerItem.onclick" :data-url="sixthbannerItem.url"
                                    :data-title="sixthbannerItem.title" :data-text="sixthbannerItem.text"
                                    :data-link="sixthbannerItem.link" :data-buttontext="sixthbannerItem.buttontext"
                                    :data-couponRuleId="sixthbannerItem.couponruleid"
                                    :show-menu-by-longpress="sixthbannerItem.showmenu"></image>
                                </block>
                              </navigator>
                              <image class="animated fadeIn" v-if="fifthbannerItem.tagType == 'img'"
                                :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                :src="fifthbannerItem.src" :class="fifthbannerItem.class" :style="fifthbannerItem.style"
                                @click.stop="cmsClickHandle" :data-handle="fifthbannerItem.onclick"
                                :data-ep="fifthbannerItem.ep" :data-en="fifthbannerItem.en"
                                :data-activitysubscribeid="fifthbannerItem.activitysubscribeid"
                                :data-activitysubscribenavigate="fifthbannerItem.activitysubscribenavigate"
                                :data-url="fifthbannerItem.url" :data-title="fifthbannerItem.title"
                                :data-text="fifthbannerItem.text" :data-link="fifthbannerItem.link"
                                :data-buttontext="fifthbannerItem.buttontext"
                                :data-couponRuleId="fifthbannerItem.couponruleid"
                                :show-menu-by-longpress="fifthbannerItem.showmenu"></image>
                              <h2 v-if="fifthbannerItem.tagType == 'h2'" :style="fifthbannerItem.style"
                                :class="fifthbannerItem.class">{{ fifthbannerItem.text }}</h2>
                              <p v-if="fifthbannerItem.tagType == 'p'" :style="fifthbannerItem.style"
                                :class="fifthbannerItem.class">{{ fifthbannerItem.text }}</p>
                              <!-- 第六层循环 tagType == 'div'-->
                              <view v-if="fifthbannerItem.tagType == 'div'" :class="fifthbannerItem.class"
                                :style="fifthbannerItem.style">
                                <block v-if="fifthbannerItem.text">{{ fifthbannerItem.text }}</block>
                                <block v-for="(sixthbannerItem, sixthbannerIndex) in fifthbannerItem.child"
                                  :key="sixthbannerIndex">
                                  <navigator v-if="sixthbannerItem.tagType == 'a'" :url="sixthbannerItem.href"
                                    :target="sixthbannerItem.target" :class="sixthbannerItem.class"
                                    :style="sixthbannerItem.style" hover-class="none">
                                    <block v-if="sixthbannerItem.text">{{ sixthbannerItem.text }}</block>

                                    <block v-for="(seventhbannerItem, seventhbannerIndex) in sixthbannerItem.child"
                                      :key="seventhbannerIndex">
                                      <image class="animated fadeIn" v-if="seventhbannerItem.tagType == 'img'"
                                        :mode="seventhbannerItem.mode ? seventhbannerItem.mode : modeStyle"
                                        :src="seventhbannerItem.src" :class="seventhbannerItem.class"
                                        :style="seventhbannerItem.style" @click.stop="cmsClickHandle"
                                        :data-ep="seventhbannerItem.ep" :data-en="seventhbannerItem.en"
                                        :data-activitysubscribeid="seventhbannerItem.activitysubscribeid"
                                        :data-activitysubscribenavigate="seventhbannerItem.activitysubscribenavigate"
                                        :data-handle="seventhbannerItem.onclick" :data-url="seventhbannerItem.url"
                                        :data-title="seventhbannerItem.title" :data-text="seventhbannerItem.text"
                                        :data-link="seventhbannerItem.link"
                                        :data-buttontext="seventhbannerItem.buttontext"
                                        :data-couponRuleId="seventhbannerItem.couponruleid"
                                        :show-menu-by-longpress="seventhbannerItem.showmenu"></image>
                                    </block>
                                  </navigator>
                                  <image class="animated fadeIn" v-if="sixthbannerItem.tagType == 'img'"
                                    :mode="sixthbannerItem.mode ? sixthbannerItem.mode : modeStyle"
                                    :src="sixthbannerItem.src" :class="sixthbannerItem.class"
                                    :style="sixthbannerItem.style" @click.stop="cmsClickHandle"
                                    :data-ep="sixthbannerItem.ep" :data-en="sixthbannerItem.en"
                                    :data-activitysubscribeid="sixthbannerItem.activitysubscribeid"
                                    :data-activitysubscribenavigate="sixthbannerItem.activitysubscribenavigate"
                                    :data-handle="sixthbannerItem.onclick" :data-url="sixthbannerItem.url"
                                    :data-title="sixthbannerItem.title" :data-text="sixthbannerItem.text"
                                    :data-link="sixthbannerItem.link" :data-buttontext="sixthbannerItem.buttontext"
                                    :data-couponRuleId="sixthbannerItem.couponruleid"
                                    :show-menu-by-longpress="sixthbannerItem.showmenu"></image>
                                  <h2 v-if="sixthbannerItem.tagType == 'h2'" :style="sixthbannerItem.style"
                                    :class="sixthbannerItem.class">{{ sixthbannerItem.text }}</h2>
                                  <p v-if="sixthbannerItem.tagType == 'p'" :style="sixthbannerItem.style"
                                    :class="sixthbannerItem.class">{{ sixthbannerItem.text }}</p>
                                </block>
                              </view>


                            </block>
                          </view>
                        </block>
                      </view>
                    </block>
                  </view>
                </block>
              </block>
            </view>

            <!-- tagType == 'h2' -->
            <view
              v-if="firstbannerItem.tagType == 'h2' || firstbannerItem.tagType == 'h1' || firstbannerItem.tagType == 'h3'"
              :class="firstbannerItem.class" :style="firstbannerItem.style">
              <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
            </view>

            <!-- tagType == 'p' -->
            <view @click.stop="cmsClickHandle" :data-handle="firstbannerItem.onclick" :data-text="firstbannerItem.text"
              :data-activitysubscribeid="firstbannerItem.activitysubscribeid" :data-ep="firstbannerItem.ep"
              :data-en="firstbannerItem.en" :data-activitysubscribenavigate="firstbannerItem.activitysubscribenavigate"
              v-if="firstbannerItem.tagType == 'p'"
              :class="[filterChecked.sustainableStyle(firstbannerItem.class,defaultShow,defaultShow1,defaultShow2,showBlocka, showBlockb, showBlockc,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii)]"
              :style="firstbannerItem.style">
              <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
              <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                <span v-if="secondbannerItem.tagType == 'span'" :class="secondbannerItem.class"
                  :style="secondbannerItem.style">{{ secondbannerItem.text }}</span>

                <navigator v-if="secondbannerItem.tagType == 'a'" :url="secondbannerItem.href"
                  :target="secondbannerItem.target" :class="secondbannerItem.class" :style="secondbannerItem.style"
                  hover-class="none">
                  {{ secondbannerItem.text }}
                </navigator>
                <view v-if="secondbannerItem.tagType == 'strong'" :class="secondbannerItem.class"
                  :style="secondbannerItem.style">{{ secondbannerItem.text }}</view>
              </block>
            </view>
          </block>
        </view>

        <!-- type == 'line' -->
        <view v-if="item.type == 'line'" :id="item.data.id" :class="item.data.class" :style="item.data.style"></view>

        <!-- slideHTML页面  默认scroll-x scroll-y 手动添加 -->
        <block v-if="item.type == 'slide'">
          <slideTemplate :slideData="item"></slideTemplate>
        </block>

        <!-- 一行两列（图 + 文） -->
        <block v-if="item.type == 'image_text'">
          <htmlParse :htmlData.sync="item.data.child"></htmlParse>
        </block>
        <!-- 一行两列（海报 + 商品）item_pdp -->
        <block v-if="item.type == 'item_pdp'">
          <htmlParse :htmlData.sync="item.data.child"></htmlParse>
        </block>

        <!-- tagType == 'banner_video' banner+视频 页面 -->
        <block v-if="item.type == 'banner_video'">
          <videoTemplate :videoData.sync="item.data"></videoTemplate>
        </block>

        <!-- video页面 判断用大屏视频、中屏、还是小屏视频 -->
        <view v-if="item.type == 'video'" :style="item.data.style" :class="item.data.class">
          <!-- 高度小于等于736用小屏视频 -->
          <block v-if="screenHeight <= 736 && item.small_screen_data">
            <videoTemplate :videoData.sync="item.small_screen_data"></videoTemplate>
          </block>
          <!-- 高度大于 736 （iphone 678） 小于等于 800 用中屏视频 v-if="screenHeight > 736" 用中图 -->
          <block v-else-if="(screenHeight > 736 && screenHeight <= 800) && item.middle_screen_data">
            <videoTemplate :videoData.sync="item.middle_screen_data"></videoTemplate>
          </block>
          <!-- 高度大于800用大屏视频 -->
          <block v-else-if="screenHeight > 800 && item.big_screen_data">
            <videoTemplate :videoData.sync="item.big_screen_data"></videoTemplate>
          </block>
          <block v-else>
            <videoTemplate :videoData.sync="item.data"></videoTemplate>
          </block>
        </view>

        <!-- tagType == 'swiper'页面 -->
        <view class="swiper-content" v-if="item.type == 'swiper'" @touchstart="touchstart" @touchmove="touchmove">
          <view class="test" v-if="item.data.tagType == 'DIV'" :class="item.data.class" :style="item.data.style">
            <view v-for="(testItem, testIndex) in item.data.child" :key="testIndex">
              <image @click.stop="cmsClickHandle" :data-handle="testItem.onclick" :data-text="item.data.child"
                :data-ep="testItem.ep" :data-en="testItem.en" v-if="testItem.tagType == 'img'" mode="widthFix"
                :src="testItem.src" :class="testItem.class" :style="testItem.style"
                :show-menu-by-longpress="testItem.showmenu"></image>
              <block v-else>
                <swiperTemplate :swiperData.sync="testItem" :isSwiperscaleAnimation="isSwiperscaleAnimation"
                  @navigatorClickHandle="navigatorClickHandle"></swiperTemplate>
              </block>
            </view>
          </view>
          <block v-else>
            <SwiperTypeVideo v-if="item.data.type == 'videoCountdown'" :swiperData.sync="item.data"
              :serverTime.sync="serverTime" :isSwiperscaleAnimation="isSwiperscaleAnimation"
              @navigatorClickHandle="navigatorClickHandle"></SwiperTypeVideo>
            <swiperTemplate v-else :swiperData.sync="item.data" :isSwiperscaleAnimation="isSwiperscaleAnimation"
              @navigatorClickHandle="navigatorClickHandle"></swiperTemplate>
          </block>

        </view>


        <!-- 倒计时组件-动态 tagType == 'swiper' -->
        <block v-if="item.type == 'countDown-moving'">
          <view :style="item.data.style" :class="item.data.class">
            <block v-for="(firstcountdownmovingItem,firstcountdownmovingIndex) in item.data.child"
              :key="firstcountdownmovingIndex">
              <image v-if="firstcountdownmovingItem.tagType == 'img'"
                :mode="firstcountdownmovingItem.mode ? firstcountdownmovingItem.mode : modeStyle"
                :src="firstcountdownmovingItem.src" :class="firstcountdownmovingItem.class" style="height: auto;"
                :style="firstcountdownmovingItem.style" :show-menu-by-longpress="firstcountdownmovingItem.showmenu">
              </image>

              <navigator @click="navigatorClickHandle(firstcountdownmovingItem)"
                :data-handle="firstcountdownmovingItem.onclick" :data-index="indexOne"
                v-if="firstcountdownmovingItem.tagType == 'a'" :url="firstcountdownmovingItem.href"
                :target="firstcountdownmovingItem.target" :class="firstcountdownmovingItem.class"
                :style="firstcountdownmovingItem.style" hover-class="none">
                <block v-for="(secondcountdownmovingItem,secondcountdownmovingIndex) in firstcountdownmovingItem.child"
                  :key="secondcountdownmovingIndex">
                  <image v-if="secondcountdownmovingItem.tagType == 'img'"
                    :mode="secondcountdownmovingItem.mode ? secondcountdownmovingItem.mode : modeStyle"
                    :src="secondcountdownmovingItem.src" :class="secondcountdownmovingItem.class" style="height: auto;"
                    :style="secondcountdownmovingItem.style"
                    :show-menu-by-longpress="secondcountdownmovingItem.showmenu"></image>
                </block>
              </navigator>

              <view v-if="firstcountdownmovingItem.tagType == 'div'" :class="firstcountdownmovingItem.class"
                :style="firstcountdownmovingItem.style">
                <block v-for="(secondcountdownmovingItem,secondcountdownmovingIndex) in firstcountdownmovingItem.child"
                  :key="secondcountdownmovingIndex">
                  <p v-if="secondcountdownmovingItem.tagType == 'p'" :style="secondcountdownmovingItem.style"
                    :class="secondcountdownmovingItem.class" @click.stop="cmsClickHandle"  :data-handle="secondcountdownmovingItem.onclick" :data-text="secondcountdownmovingItem.data.child">{{secondcountdownmovingItem.text}}</p>
                  <image v-if="secondcountdownmovingItem.tagType == 'img'"
                    :mode="secondcountdownmovingItem.mode ? secondcountdownmovingItem.mode : modeStyle"
                    :src="secondcountdownmovingItem.src" :class="secondcountdownmovingItem.class" style="height: auto;"
                    :style="secondcountdownmovingItem.style"
                    :show-menu-by-longpress="secondcountdownmovingItem.showmenu"></image>
                  <block v-if="secondcountdownmovingItem.tagType == 'h2' ">
                    <!-- {{filterChecked.countDownTimeChange(secondcountdownmovingItem.finishtime,'day',serverTime)}} --- {{filterChecked.countDownTimeChange(secondcountdownmovingItem.finishtime,'hour',serverTime)}}--- {{filterChecked.countDownTimeChange(secondcountdownmovingItem.finishtime,'minute',serverTime)}} ---{{filterChecked.countDownTimeChange(secondcountdownmovingItem.finishtime,'second',serverTime)}} -->
                    <uni-countdown :countdownStyle="secondcountdownmovingItem.style"
                      :showColon.sync="secondcountdownmovingItem.showcolon"
                      :showHourNum.sync="secondcountdownmovingItem.showhournum"
                      :showMinuteNum.sync="secondcountdownmovingItem.showminutenum"
                      :showSecondNum.sync="secondcountdownmovingItem.showsecondnum"
                      :showHourSplit.sync="secondcountdownmovingItem.showhoursplit"
                      :showMinuteSplit.sync="secondcountdownmovingItem.showminutesplit"
                      :showSecondSplit.sync="secondcountdownmovingItem.showsecondsplit"
                      :dayNumStyle="secondcountdownmovingItem.daynumstyle"
                      :hourNumStyle="secondcountdownmovingItem.hournumstyle"
                      :minuteNumStyle="secondcountdownmovingItem.minutenumstyle"
                      :secondNumStyle="secondcountdownmovingItem.secondnumstyle"
                      :daySplitStyle="secondcountdownmovingItem.daySplitStyle"
                      :hourSplitStyle="secondcountdownmovingItem.hourSplitStyle"
                      :minuteSplitStyle="secondcountdownmovingItem.minuteSplitStyle"
                      :secondSplitStyle="secondcountdownmovingItem.secondSplitStyle"
                      :day="filterChecked.countDownTimeChange(secondcountdownmovingItem.finishtime,'day',serverTime)"
                      :hour="filterChecked.countDownTimeChange(secondcountdownmovingItem.finishtime,'hour',serverTime)"
                      :minute="filterChecked.countDownTimeChange(secondcountdownmovingItem.finishtime,'minute',serverTime)"
                      :second="filterChecked.countDownTimeChange(secondcountdownmovingItem.finishtime,'second',serverTime)"
                      @timeup='timeup'>
                    </uni-countdown>
                    <!-- <u-count-down color='#fff' style="margin: 0 10rpx;" height='40' separator-color='#000' bg-color='#862633'
                      :timestamp="(new Date(secondcountdownmovingItem.finishtime.replace(/-/g, '/')).getTime() - serverTime) / 1000" :show-hours="true" font-size='26' @end='endCutdown'></u-count-down> -->
                  </block>
                  <view v-if="secondcountdownmovingItem.tagType == 'div'" :class="secondcountdownmovingItem.class"
                    :style="secondcountdownmovingItem.style">
                    <block
                      v-for="(thirdcountdownmovingItem,thirdcountdownmovingIndex) in secondcountdownmovingItem.child"
                      :key="thirdcountdownmovingIndex">
                      <navigator @click="navigatorClickHandle(thirdcountdownmovingItem)"
                        :data-handle="thirdcountdownmovingItem.onclick" :data-index="indexOne"
                        v-if="thirdcountdownmovingItem.tagType == 'a'" :url="thirdcountdownmovingItem.href"
                        :target="thirdcountdownmovingItem.target" :class="thirdcountdownmovingItem.class"
                        :style="thirdcountdownmovingItem.style" hover-class="none">
                        {{thirdcountdownmovingItem.text}}
                      </navigator>
                    </block>
                  </view>
                </block>
              </view>
            </block>
          </view>
        </block>


        <!-- type == 'items' 商品编码模块-->
        <view v-if="item.type == 'items'" :class="item.data.class" :style="item.data.style">
          <itemsType v-on:pGetFavoriteList="getFavoriteList" :userLogin.sync="userLogin" :itemsData.sync="item.data"
            :isAppend.sync="isAppend" :favoriteItemIds.sync="favoriteItemIds" @favoriteHandle="favoriteHandle"
            :addfavorites.sync="addfavorites" @cartNumStatus="cartNumStatus" @loginStatus="loginStatus"></itemsType>
        </view>

        <!-- type == 'item'分类商品组件 Cid -->
        <view v-if="item.type == 'item'">
          <view v-if="item.data.categoryTitle" class="categoryTitle">{{ item.data.categoryTitle }}</view>
          <itemType v-on:pGetFavoriteList="getFavoriteList" :userLogin.sync="userLogin" :categoryData.sync="item.data"
            :index.sync="indexOne" :favoriteItemIds.sync="favoriteItemIds" @loadNext="loadNext"
            @favoriteHandle="favoriteHandle" :addfavorites.sync="addfavorites" @cartNumStatus="cartNumStatus"
            @loginStatus="loginStatus"></itemType>
        </view>

        <!-- tab切换组件  -->
        <view v-if="item.type == 'items_change'">
          <tabsTemplate v-on:pGetFavoriteList="getFavoriteList" :tabsData="item.data" :userLogin.sync="userLogin"
            :favoriteItemIds.sync="favoriteItemIds" @favoriteHandle="favoriteHandle" :addfavorites.sync="addfavorites"
            @cartNumStatus="cartNumStatus" @loginStatus="loginStatus"></tabsTemplate>
        </view>
        <!-- </block> -->
      </block>
    </view>
    <view v-if="showSustaia" class="showHomeTip" @touchmove.stop.prevent catchtouchmove="true">
      <view class="tip-content">
        <view class="close" @click="closeShowSustaia">
          <image style="width: 20px;" mode="widthFix"
            src='https://100000063-1252208446.file.myqcloud.com/images/20220714-102518.png'></image>
        </view>
        <image style="width:100%;" :src="url" mode="widthFix" @load="finishLoad"></image>
        <view class="text-content">
          <view class="text">
            <view class="title">{{title}}</view>
            <view class="desc">{{text}}</view>
            <navigator :url="link" class="url" @click="sustaiaButtonClick(buttontext)">{{buttontext}}</navigator>
          </view>
        </view>
      </view>
    </view>
    <articleSubscribe ref="article" v-if="showArticle" :userLogin.sync="userLogin" @registerTap="registerTap"
      :pathOption.sync="configDetailData.identifier" :pageId.sync="configDetailData.pageId"
      :enableSubscribeMessage.sync="configDetailData.enableSubscribeMessage"
      :enableLike.sync="configDetailData.enableLike" :enableShare.sync="configDetailData.enableShare"
      :activitySubscribeId.sync="configDetailData.activitySubscribeId"> </articleSubscribe>
    <!-- 注册入会一体弹窗 -->

    <register-widget ref="registerWidgetRef" :location="fromPage" :entrance="false" @registerSuccess='registerSuccess'
      @finish="onRegisterWidgetFinish" />
    <!-- COS二维码 -->
    <view class="column notice-content" v-if="isDisplayCode">
      <view class="o-contain">
        <!-- 关闭图标 -->
        <view class="iconfont icon-cuowu1" @click="isDisplayCode = false"></view>
        <view class="qrcode">
          <view class="weibo-title">你好</view>
          <div class="weibo-page">
            <p class="article-text">关注我们的微信公众号, 第一时间得知新品信息，特别优惠和门店活动资讯......</p>
            <p style="margin: 10px 0">
              <image mode="widthFix" :src="qrCodeCOSUrl" />
            </p>
            <p class="article-text">关注我们即表明你确认同意我们的隐私政策</p>
          </div>
        </view>
      </view>
    </view>

    <!-- 微博二维码 -->
    <view class="column notice-content" v-if="displayCode">
      <view class="o-contain">
        <!-- 关闭图标 -->
        <view class="iconfont icon-cuowu1" @click="displayCode = false"></view>
        <view class="qrcode">
          <view class="weibo-title">你好</view>
          <div class="weibo-page">
            <p class="article-text">关注我们的微博, 第一时间得知新品信息，特别优惠和门店活动资讯......</p>
            <p style="margin: 10px 0">
              <image mode="widthFix" :src="weiboUrl" />
            </p>
            <p class="article-text">关注我们即表明你确认同意我们的隐私政策</p>
          </div>
        </view>
      </view>
    </view>


  </view>
</template>

<script module="filterChecked" lang="wxs" src="../../utils/filter.wxs"></script>
<script>
  import programSetting from '@/utils/programSetting'
  import Vue from 'vue';
  import api from '@/api/api';
  import tip from '@/utils/tip';
  import util from '@/utils/util';
  import cmsItems from '@/utils/cmsItems';
  import customize from '@/utils/customize';
  import loading from '../common/loading';
  import UniTip from "@/components/uni-tip/uni-tip";
  import {
    SYSTEM_INFO,
    CUSTOMER_INFO,
    CART_KEY,
    MERCHANT_INFO,
    USER_INFO,
    USER_SPECICAL_INFO,
  } from '@/utils/constant';
  import itemsType from './components/itemsType';
  import itemType from './components/itemType.vue';
  import tabsTemplate from './components/tabsTemplate.vue';
  import videoTemplate from './components/video.vue';
  import slideTemplate from './components/slideType';
  import htmlParse from './components/htmlParser.vue';
  import articleSubscribe from '../articleSubscribe/articleSubscribe.vue';
  import swiperTemplate from './components/swiperType';
  import registerWidget from "@/components/register/register-widget.vue"
  import SwiperTypeVideo from "./components/swiperTypeVideo"
  export default {
    config: {
      component: true
    },
    props: {
      cartNum: Number,
      identifier: String,
      preview: Boolean,
      isAppend: Number,
      isIpx: Boolean,
      bgGray: Boolean,
      currentPagePath: String,
      isCurrentPage: String,
      isSwiperscaleAnimation: {
        default: false,
        type: Boolean,
      },
      enableLoad: {
        default: true,
        type: Boolean,
      },
      trackParams: Object,
      fromPage: String
    },
    components: {
      loading,
      uniTip: UniTip,
      htmlParse,
      itemType,
      itemsType,
      tabsTemplate,
      videoTemplate,
      slideTemplate,
      articleSubscribe,
      swiperTemplate,
      registerWidget,
      SwiperTypeVideo
    },
    data() {
      return {
        showLoaded: true,
        modeStyle: 'widthFix',
        pageSize: 1,
        currentPage: 1,
        configDetailData: {},
        CMSItem: [],
        cmsData: [],
        merchantInfo: {},
        merchantId: '',
        storeId: '',
        windowHeight: 0, // 屏幕高度
        screenHeight: 0,
        windowWidth: 0,
        swpierHeight: '',
        videoStyle: '',
        itemsData: {},
        pathOption: '',
        pageId: '',
        categoryData: {},
        tabChangeItems: [],
        tabsData: Object,
        showArticle: false, //默认不显示文章订阅分享模块
        userLogin: false, // 用户是否登录
        showJoinMember: -1,
        title: '',
        text: '',
        link: '',
        url: '',
        buttontext: '',
        // 收藏
        collectedItems: [],
        favoriteItemIds: [],
        addfavorites: 'false',
        // COS二维码
        qrCodeCOSUrl: 'https://efc-public-assets-1252208446.cos.ap-shanghai.myqcloud.com/images/qrCode/2020042921232.jpg',
        isDisplayCode: false, // COS弹窗
        // 微博二维码
        weiboUrl: 'https://www.cosstores.cn/img/dm/pageup/200212/wb_qrcode.png',
        displayCode: false, // 二维码弹窗

        x: '',
        y: '',

        jumpHandleNames: ['page_aaa', 'page_bbb', 'page_ccc', 'brandPositioning', 'enviMaterial', 'projectFocused',
          'enviPractices', 'brandVision'
        ],

        showBlocka: true,
        showBlockb: true,
        showBlockc: true,

        // 百叶窗效果
        windowShadesa: false,
        windowShadesb: false,
        windowShadesc: false,
        showSustaia: false,
        showSustaib: false,
        showSustaic: false,
        showSustaid: false,
        showSustaie: false,
        showSustaif: false,
        showSustaig: false,
        showSustaih: false,
        showSustaii: false,
        current: 0,
        clickType: '',
        serverTime: 0,
      };
    },

    computed: {
      defaultShow() {
        return this.$store.state.cmsDefaultShow
      },
      defaultShow1() {
        return this.$store.state.cmsDefaultShow1
      },
      defaultShow2() {
        return this.$store.state.cmsDefaultShow2
      },
      computedLoad() {
        let flag = this.showLoaded && this.enableLoad
        return flag
      }
    },

    created: async function(option) {
      let that = this;
      if (!uni.getStorageSync('showBlocka')) { //进入小程序默认显示弹窗，关闭之后跳转别的页面，再次进入默认不显示
        that.showBlocka = true
      } else {
        that.showBlocka = false
      }
      // 判断用户是否授权
      let res = await uni.getSetting();
      if (!!res[1]?.authSetting['scope.userInfo']) {
        // getApp().reapplyJWT()
        this.$commonFunction.reapplyJWT().then((res) => {

        }).catch((err) => {

        });
      }

      let systemInfo = uni.getStorageSync(SYSTEM_INFO);
      // 宽高
      that.windowHeight = systemInfo.windowHeight;
      that.windowWidth = systemInfo.windowWidth;
      // 视频宽高 1:1
      that.videoStyle = 'height:' + that.windowWidth + 'px' + ';' + 'width:' + that.windowWidth + 'px';
      that.swpierHeight = 'height:' + systemInfo.windowHeight + 'rpx;' + 'transition: all linear .35s;';
      // 高
      that.screenHeight = systemInfo.screenHeight;
      await this.$onLaunched;

      let merchantInfo = uni.getStorageSync(MERCHANT_INFO)
      if (merchantInfo == undefined || merchantInfo == null || merchantInfo == '') {
        that.getCurrentMerchantInfo();
      } else {
        that.storeId = merchantInfo.cloudMerchantStoreId;
        that.merchantId = merchantInfo.cloudMerchantId;
        if (this.identifier && that.merchantId) {
          that.getCMSPageInfo(this.identifier, that.merchantId, that.storeId);
        }
      }

      // 点击收藏绑定手机号之后判断收藏状态
      let isBack = uni.getStorageSync('favToRegister');
      if (isBack) {
        this.addfavorites = 'true';
        uni.removeStorageSync('favToRegister');
      } else {
        this.addfavorites = 'false';
        uni.removeStorageSync('favToRegister');
      }

      // setTimeout(() => {
 
      //   that._observer = wx.createIntersectionObserver(that,{observeAll:true}).relativeToViewport()
      //       that._observer.observe('.sseitem', (res) => {
      //       
      //         })
      // }, 5600)
    },

    mounted: async function() {
      await this.$onLaunched;
      // 用户是否登录
      this.updateUserLoginState()

    },
    watch: {
      identifier: function(newVal, oldVal) {
        let that = this;
        this.identifier = newVal;
        this.memberLevelId = uni.getStorageSync('memberDetails').memberLevelId;
        this.memberIsActive = uni.getStorageSync('memberDetails').isActive;
        this.groupId = uni.getStorageSync(CUSTOMER_INFO).groupId;

        if (this.identifier && this.merchantId) {
          that.getCMSPageInfo(this.identifier, that.merchantId, that.storeId);
        }
      },
      preview: function(newVal, oldVal) {
        let that = this;
        this.preview = newVal;
        this.memberLevelId = uni.getStorageSync('memberDetails').memberLevelId;
        this.memberIsActive = uni.getStorageSync('memberDetails').isActive;
        this.groupId = uni.getStorageSync(CUSTOMER_INFO).groupId;
        if (this.identifier && this.merchantId) {
          that.getCMSPageInfo(this.identifier, that.merchantId, that.storeId);
        }
      },

    },

    methods: {
      customEventTrigger(e) {
        if (e.target?.dataset?.eventname) {
          this.$emit('customEvent', {
            eventname: e.target.dataset.eventname
          })
        }
      },
      closeLoading() {
        this.showLoaded = false
      },

      // 倒计时组件时间结束触发
      timeup() {
        this.$emit('timeup')
      },
      finishLoad() {
        setTimeout(() => {
          this.showLoaded = false
          this.$emit('handleLoad', false)
        })
      },
      loadNext(e) {
        let that = this;
        let cmsIndex = e.index
        if (cmsIndex >= this.cmsData.length - 1) {
          return
        }
        // this.CMSItem.push(this.cmsData[cmsIndex + 1])
        // 根据item组件的索引分割数据
        let cmsResultArr = that.cmsData.slice(cmsIndex + 1)
        let cmsItemTypeIndex = cmsResultArr.findIndex(this.findItemTypeIndex)
        if (cmsItemTypeIndex > -1) { //存在item组件
          that.CMSItem.push(...cmsResultArr.slice(0, cmsItemTypeIndex + 1))
        } else { //不存在item组件
          that.CMSItem.push(...cmsResultArr)
        }

      },
      //子组件传父组件调父组件方法
      registerTap(val) {
        this.clickType = val.clickType
        this.getUserProfile()
      },
      updateUserLoginState() {
        this.$commonFunction.commonLoginNew().then(res => {
          if (res.code == -1001) {
            this.showJoinMember = 1;
          } else {
            this.userLogin = true;
            this.showJoinMember = 0;
          }
        }).catch(err => {
          this.userLogin = false;
          this.showJoinMember = 1;
        })
      },
      onRegisterWidgetFinish(e) {
        if (e.componentName == 'message-modal') {
          this.$emit('openWelcomeDialog', 'wxparse')
        }
      },
      toParseRegisterSuccess() {
        this.updateUserLoginState()
      },
      registerSuccess() {
        this.updateUserLoginState()
        let pages = getCurrentPages();
        var currPage = pages[pages.length - 1];
        if (currPage.route == "pages/home/home") {}
        this.$emit('registerSuccess')
        //入会后的立即点赞
        let acticleclick = {
          clickType: this.clickType,
        }
        if (acticleclick.clickType == 'isLike' || acticleclick.clickType == 'subscribe') {
          // this.$refs.article.articleLikeInfo(this.pageId);
          this.$refs.article.getSubscribeInfo();
        } else {
          let acticleclick = {}
        }
      },


      /**
       * 判断是否是会员
       *
       * @param jwt
       * @return {Promise<void>}
       */
      getMemberDetail: async function(jwt) {
        let that = this;
        let customerInfo = uni.getStorageSync(CUSTOMER_INFO);
        const memberDetailsResult = await api.getMemberDetails({
          header: {
            jwt: customerInfo.jwt || jwt
          }
        });
        if (memberDetailsResult.code == 1000) {
          const phoneNumberReg = /^1\d{10}$/;
          if(!phoneNumberReg.test(memberDetailsResult.data.mobile)){
            // 非大陆手机号按照非会员对待,重新入会
            uni.removeStorageSync('memberDetails');
            that.showJoinMember = 1;
            return;
          }
          that.memberDetails = memberDetailsResult.data;
          uni.setStorageSync('memberDetails', memberDetailsResult.data);
          if (that.memberDetails.isActive == 'Inactive') {
            that.showJoinMember = 1;
          } else {
            that.showJoinMember = 0;
          }
        } else {
          that.showJoinMember = 1;
        }
      },

      loginStatus(val) {
        this.isLogin = val;
      },

      // 购物车数量变化
      cartNumStatus(val) {
        this.$emit('cartNumStatus', val);
      },

      touchstart(e) {
        this.x = e.touches[0].pageX;
        this.y = e.touches[0].pageY;
      },

      touchmove(e) {
        var that = this;
        this.$nextTick(function() {
          that.x = e.touches[0].pageX - that.x;
          that.y = e.touches[0].pageY - that.y;

          if (that.x || that.y) {
            that.scrollDown();
          }
        });
      },

      scrollDown() {
        // if (this.isSwiperscaleAnimation) return;
        this.$emit('scrollDown');
      },

      // 根据identifier解析数据
      getCMSPageInfo: async function(identifier, merchantId, storeId) {
        let that = this;
        let merchantInfo = uni.getStorageSync(MERCHANT_INFO)
        let mt = '1.0';
        if (this.preview) {
          mt = '' + new Date().getTime();
        }
        const json = await api.getConfigDetail({
          method: 'POST',
          query: {
            identifier: identifier,
            merchantId: merchantId,
            storeId: storeId,
            mt: mt
          }
        });
        if (json.data.code === 1000 && json.data.data !== null) {
          let configData = json.data.data;
          that.configDetailData = configData;
          if (configData.enableSubscribe == 1 || configData.enableLike == 1) { //订阅
            this.showArticle = true;
          }
          this.serverTime = json.header['x-cloud-server-timestamp']
          if (this.isCurrentPage == 'pages/cms/page') {
            this.$emit('pageTitle', {
              showTitle: configData.showTitle,
              title: configData.title,
              enableShare: configData.enableShare
            });
          }

          this.pageId = configData.pageId;
          let cmsConfigData = {};
          if (this.preview) {
            cmsConfigData = JSON.parse(configData.preview);
          } else {
            if (configData.content != '') {
              cmsConfigData = JSON.parse(configData.content);
              let contents = configData.contents;
              for (let index in contents) {
                let startTime = contents[index].startTime;
                startTime = startTime.substring(0, 19);
                startTime = startTime.replace(/-/g, '/');
                let startTimeTimestamp = new Date(startTime).getTime();
                if (startTimeTimestamp <= new Date().getTime()) {
                  cmsConfigData = JSON.parse(contents[index].content);
                  break;
                }
              }
            }
            if (configData.identifier == "cms/cellartopbanner" && (configData.content == '' || configData.content
                .indexOf('display:none') !== -1)) {
              this.$emit('closeDefaultShow', false)
            }
          }

          let CMSItembanner = cmsConfigData;
          for (let i in cmsConfigData) {
            for (let j in cmsConfigData[i]) {
              var tabsData = [];

              // 商品集合组件
              if (CMSItembanner[i][j].type == 'items' && CMSItembanner[i][j].data) {
                cmsItems.getItemsList(CMSItembanner[i][j].data, merchantInfo, CMSItembanner[i][j].type).then(res => {
                  CMSItembanner[i][j].data = res
                })
              }

              // 分类id组件
              if (CMSItembanner[i][j].type == 'item' && CMSItembanner[i][j].data) {
                CMSItembanner[i][j].data.showItemName = CMSItembanner[i][j].data.showItemName ? CMSItembanner[i][j]
                  .data.showItemName : "1"; //是否显示名称
                CMSItembanner[i][j].data.showItemBlock = CMSItembanner[i][j].data.showItemBlock ? CMSItembanner[i][j]
                  .data.showItemBlock : "1"; //是否显示色块
                CMSItembanner[i][j].data.showItemPrice = CMSItembanner[i][j].data.showItemPrice ? CMSItembanner[i][j]
                  .data.showItemPrice : "1"; //是否显示价格
              }
            }
          }
          that.cmsData = CMSItembanner[0] || [];
          that.CMSItem = that.cmsData;
          if (configData.identifier == 'cms/itemrecommend' || configData
            .identifier == 'cms/cellartopbanner') {
            setTimeout(() => {
              that.showLoaded = false;
              that.$emit('handleLoad', false)
            }, 1000)
          } else {
            that.showLoaded = false;
            that.$emit('handleLoad', false)
          }
        } else {
          that.showLoaded = false;
          that.$emit('handleLoad', false)
          tip.plainText(json.data.message);
        }
      },

      findItemTypeIndex(element) {
        return element.type == 'item_new'
      },

      getCurrentMerchantInfo: async function() {
        let that = this;
        // 获取商户信息
        const accountInfo = uni.getAccountInfoSync(); // 小程序appId
        let merchantInfo = await api.merchantInfo(accountInfo.miniProgram.appId);
        if (merchantInfo.code === 200) {
          // 存储商户信息
          uni.setStorageSync(MERCHANT_INFO, merchantInfo.data);
          that.merchantInfo = merchantInfo.data;
          that.storeId = merchantInfo.data.cloudMerchantStoreId;
          that.merchantId = merchantInfo.data.cloudMerchantId;
          that.getCMSPageInfo(this.identifier, that.merchantId, that.storeId);
        }
      },

      /**
       * 获取用户收藏列表
       */
      getFavoriteList: async function() {
        let that = this;
        that.favoriteItemIds = [];
        //获取商户信息
        let merchantInfo = uni.getStorageSync(MERCHANT_INFO);
        if (uni.getStorageSync(CUSTOMER_INFO).customerId) {
          let jwt = uni.getStorageSync(CUSTOMER_INFO).jwt;
          const memberFavoriteList = await api.getFavoritesItems({
            method: 'GET',
            header: {
              jwt: jwt
            },
            query: {
              merchant_id: merchantInfo.cloudMerchantId,
              page_no: 1,
              page_size: 20,
              store_id: merchantInfo.cloudMerchantStoreId
            }
          });
          if (memberFavoriteList.code === 1000 && memberFavoriteList.data.content.length > 0) {
            that.collectedItems = memberFavoriteList.data.content;
            that.collectedItems.forEach(item => {
              let tempFavorite = {
                itemId: item.itemId,
                valueId: item.valueId,
                favotite: item.favoritesId
              };
              that.favoriteItemIds.push(tempFavorite);
            });
          } else {
            that.collectedItems = [];
          }
        }
      },
      // 收藏
      favoriteHandle(val) {
        this.userLogin = true;
        this.getFavoriteList();
      },


      /**
       * 是否已领取优惠券
       * @param {Object} jwt
       * @param {Object} couponRuleId  多个id以"|"分开 eg: "220|221|222"
       * @param {Object} size couponRuleId的数量
       */
      customerHasCoupon: async function(jwt, couponRuleId) {
        let that = this;
        let couponRuleIdArr = couponRuleId.split('|');
        let size = couponRuleIdArr.length;
        let status = util.judgeHasCoupons(jwt, couponRuleId, size).then(res => {
          if (res.code == 1000) {
            let couponData = res.data;
            if (couponData.content.length === size) { //三张都已领取，跳转优惠券列表页
              uni.navigateTo({
                url: '/pages/customer/couponList'
              });
            } else { //未领取3张优惠券
              that.getCoupons(couponRuleIdArr)
            }
          }
        })
      },


      /**
       * 领取优惠券，单张，可领多次
       * @param {Object} couponRuleId
       */
      getCouponByMyself: async function(couponRuleId) {
        let that = this;
        let couponCrmRuleId = couponRuleId;
        let couponCrmRuleIds = [];
        couponCrmRuleIds.push(couponCrmRuleId)
        let status = util.getCoupon(couponCrmRuleIds).then(res => {
          let couponInfo = res || '';
          if (couponInfo) {
            if (couponInfo.code == 1000) {
              tip.plainText('领取成功')
              setTimeout(() => {
                uni.navigateTo({
                  url: '/pages/customer/couponList'
                });
              }, 3000)
            } else {
              uni.navigateTo({
                url: '/pages/customer/couponList'
              });
            }
          }
        })
      },


      /**
       * 领取优惠券，多张，每张可领一次
       * @param {Object} couponRuleIds
       */
      getCoupons: async function(couponRuleIds) {
        let that = this;
        let customerInfo = uni.getStorageSync(CUSTOMER_INFO);
        let jwt = customerInfo.jwt;
        for (let i in couponRuleIds) {
          const result = await api.acquireCoupon({
            method: 'POST',
            query: {
              couponRuleId: couponRuleIds[i],
            },
            header: {
              jwt: jwt
            },
          });
          if (result.code == 1000 && i == (couponRuleIds.length - 1)) {
            tip.plainText('领取成功')
            setTimeout(() => {
              uni.navigateTo({
                url: '/pages/customer/couponList'
              });
            }, 3000)
          } else {
            if (i == (couponRuleIds.length - 1)) {
              uni.navigateTo({
                url: '/pages/customer/couponList'
              });
            }
          }
        }
      },

      getUserProfile: async function() {
        let that = this;
        this.$commonFunction.commonLoginNew().then(res => {
          if (res.code == -1001) {
            that.$refs.registerWidgetRef.openJoinMemberModal()
          } else {
            this.userLogin = true;
            if (that.clickType == 'isLike' || that.clickType == 'subscribe') {
              this.$refs.article.getSubscribeInfo();
            }
          }
        }).catch(err => {
          that.$refs.registerWidgetRef.openJoinMemberModal()
        })
      },
      // // a 标签加click
      navigatorClickHandle(e) {
        let that = this;
        let handleName = e.target.dataset.handle || '';
        let jumpurl = e.target.dataset.jumpurl || '';
        if (!handleName) {
          return;
        }
      },
      closeShowSustaia() {
        this.showSustaia = false
        this.$commonSensors.popupEvent('PopupClick', {'popup_type' : '故事', 'popup_name': '品牌故事弹窗', 'button_name': '关闭'})
      },
      sustaiaButtonClick(btnText) {
        this.$commonSensors.popupEvent('PopupClick', {'popup_type' : '故事', 'popup_name': '品牌故事弹窗', 'button_name': btnText})
      },
      // cms组件点击事件
      cmsClickHandle(e) {
        let that = this;
        let handleName = e.target.dataset.handle ? e.target.dataset.handle : e.currentTarget.dataset.handle;
        let text = e.target.dataset.text ? e.target.dataset.text : e.currentTarget.dataset.text;
        that.text = text;
        let title = e.target.dataset.title ? e.target.dataset.title : e.currentTarget.dataset.title;
        that.title = title;
        let link = e.target.dataset.link ? e.target.dataset.link : e.currentTarget.dataset.link;
        that.link = link;
        let url = e.target.dataset.url ? e.target.dataset.url : e.currentTarget.dataset.url;
        that.url = url;
        let buttontext = e.target.dataset.buttontext ? e.target.dataset.buttontext : e.currentTarget.dataset.buttontext;
        that.buttontext = buttontext;
        let customerInfo = uni.getStorageSync(CUSTOMER_INFO);
        let roomid = e.target.dataset.roomid ? e.target.dataset.roomid : e.currentTarget.dataset.roomid;
        let starttime = e.target.dataset.starttime ? e.target.dataset.starttime : e.currentTarget.dataset.starttime;
        let endtime = e.target.dataset.endtime ? e.target.dataset.endtime : e.currentTarget.dataset.endtime;
        let activitySubscribeId = e.target.dataset.activitysubscribeid ? e.target.dataset.activitysubscribeid : e
          .currentTarget.dataset.activitysubscribeid;
        let activitySubscribeNavigate = e.target.dataset.activitysubscribenavigate ? e.target.dataset
          .activitysubscribenavigate : e.currentTarget.dataset.activitysubscribenavigate ? e.currentTarget.dataset
          .activitysubscribenavigate : 'true';
        if (!handleName) {
          return;
        }
        let pages = getCurrentPages();
        var currPage = pages[pages.length - 1];
        let prevPage = pages[pages.length - 2];
        let prevPageRoute = '';
        if (prevPage == undefined) {
        } else {
          prevPageRoute = prevPage.route;
        }
        this.$EFSTracking.trackingAction('CLICK_CMS', JSON.stringify({
          handleName: handleName,
          text: text
        }), {});
        // 锚点链接
        if (this.jumpHandleNames.indexOf(handleName) !== -1) {
          const query = uni.createSelectorQuery().in(this);
          query.select('#' + handleName).boundingClientRect();
          query.selectViewport().scrollOffset();
          query.exec(function(res) {
            uni.pageScrollTo({
              scrollTop: res[0].top + res[1].scrollTop - 60,
              duration: 500
            });
          });

        }


        if (handleName == 'sustaia') {
          this.showSustaia = !this.showSustaia;
          this.$commonSensors.popupEvent('PopupExposure', {'popup_type' : '故事', 'popup_name': '品牌故事弹窗'})
          this.showLoaded = true
          this.$emit('handleLoad', true)
          //点击首页滚动的品牌故事图片
          let en = e.target.dataset.en ? e.target.dataset.en : e.currentTarget.dataset.en;
          let ep = e.target.dataset.ep ? e.target.dataset.ep : e.currentTarget.dataset.ep;

          let params = ep.indexOf("'") !== -1 ? JSON.parse(ep.replace(/'/g, '"')) : JSON.parse(ep)

          getApp().commonClTrack(en, params);

        } else if (handleName == 'sustai_b') {
          this.showSustaib = !this.showSustaib;
        } else if (handleName == 'sustai_c') {
          this.showSustaic = !this.showSustaic;
        } else if (handleName == 'sustai_d') {
          this.showSustaid = !this.showSustaid;
        } else if (handleName == 'sustai_e') {
          this.showSustaie = !this.showSustaie;
        } else if (handleName == 'sustai_f') {
          this.showSustaif = !this.showSustaif;
        } else if (handleName == 'sustai_g') {
          this.showSustaig = !this.showSustaig;
        } else if (handleName == 'sustai_h') {
          this.showSustaih = !this.showSustaih;
        } else if (handleName == 'sustai_i') {
          this.showSustaii = !this.showSustaii;
        } else if (handleName == 'closeDefaultShow') {
          this.$store.commit('changecmsDefaultShowStatus', false)
          this.$emit('closeDefaultShow')
        } else if (handleName == 'closeDefaultShow1') {
          this.$store.commit('changecmsDefaultShow1Status', false)
          this.$emit('closeDefaultShow1', false)
        } else if (handleName == 'closeDefaultShow2') {
          this.$store.commit('changecmsDefaultShow2Status', false)
        } else if (handleName == 'closeShowBlocka') {
          this.showBlocka = !this.showBlocka
          uni.setStorageSync('showBlocka', true);
        } else if (handleName == 'closeShowBlockb') {
          this.showBlockb = !this.showBlockb
        } else if (handleName == 'closeShowBlockc') {
          this.showBlockc = !this.showBlockc
        } else if (handleName == 'reNewGiftBox') { //麦卡伦焕新礼盒点击
          getApp().reNewGiftBoxTrack("c_ebmp_home_newyeargift_detail_clickbuy");
          uni.navigateTo({
            url: link
          })
        } else if (handleName == 'bookNew') {
          this.$emit('bookNew')
        }

        //显示COS二维码弹窗
        if (handleName == 'showCOSCode') {
          this.isDisplayCode = true;
        }

        // 显示微博二维码弹窗
        if (handleName == 'showweibo') {
          this.displayCode = true;
        }

        if (!!e.currentTarget.dataset.en) {
          getApp().commonClTrack(e.currentTarget.dataset.en, e.currentTarget.dataset.ep)
        }
        // 跳转直播间解析
        if (handleName == 'tohome') {
          uni.reLaunch({
            url: "/pages/home/home"
          })
        }

        // 跳转直播间解析
        if (handleName == 'toRoom') {
          let roomId = roomid;
          let startTime = new Date(starttime).getTime();
          let endTime = new Date(endtime).getTime();
          let trackStartTime = this.trackDate(startTime)
          let trackendTime = this.trackDate(endTime)
          let customParams = encodeURIComponent(
            JSON.stringify({
              path: 'pages/index/index',
              pid: 1
            })
          );
          //家园系列活动页-点击查看直播埋点
          let clTrackPrams = {
            'c_live_start_time': trackStartTime,
            'c_live_end_time': trackendTime
          }
          getApp().commonClTrack('c_ebmp_homecollection_live_click', clTrackPrams)
          // 开发者在直播间页面路径上携带自定义参数（如示例中的path和pid参数），后续可以在分享卡片链接和跳转至商详页时获取，详见【获取自定义参数】、【直播间到商详页面携带参数】章节（上限600个字符，超过部分会被截断）
          wx.navigateTo({
            url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams}`
          });

        }

        // 跳转直播间解析
        if (handleName == 'appointment') {
          const version = wx.getSystemInfoSync().SDKVersion
          let versionIsOk = getApp().compareVersion(version, '2.19.0')
          if (versionIsOk == 1) {
            let channelsLiveNoticeInfo = uni.getStorageSync("channelsLiveNoticeInfo")
            wx.reserveChannelsLive({
              finderUserName: "sphvxkhvg8bIlSK",
              noticeId: channelsLiveNoticeInfo.noticeId,
              success: (res) => {

              },
              complete: (res) => {}
            })
          } else {
            wx.showModal({
              title: '提示',
              content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
            })
          }
        }
        // 跳转直播间解析
        if (handleName == 'openChannelsActivity') {
          const version = wx.getSystemInfoSync().SDKVersion
          let versionIsOk = getApp().compareVersion(version, '2.19.0')
          if (versionIsOk == 1) {
            let channelsLiveNoticeInfo = uni.getStorageSync("channelsLiveNoticeInfo")
            wx.openChannelsActivity({
              finderUserName: e.target.dataset.finderusername,
              feedId: e.target.dataset.feedid,
              success: (res) => {

              },
              complete: (res) => {}
            })
          } else {
            wx.showModal({
              title: '提示',
              content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
            })
          }
        }

        if (handleName == 'videoNumberRoom') {
          const version = wx.getSystemInfoSync().SDKVersion
          let versionIsOk = getApp().compareVersion(version, '2.19.0')
          if (versionIsOk == 1) {
            let channelsLiveInfo = uni.getStorageSync("channelsLiveInfo")
            wx.openChannelsLive({
              finderUserName: "sphvxkhvg8bIlSK",
              feedId: channelsLiveInfo.feedId,
              nonceId: channelsLiveInfo.nonceId,
              success: (res) => {},
              complete: (res) => {}
            })
          } else {
            wx.showModal({
              title: '提示',
              content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
            })
          }

        }
        if(handleName == 'skipTsList'){
          let c_from = prevPageRoute == 'pages/home/home' ? prevPageRoute + '+首页' : prevPageRoute + '+个人中心';
          this.$emit('clickListEntrance',c_from)
        }
        // 打开问卷星小程序
        if (handleName == 'memberSurvey') {
          let that = this;
          uni.navigateToMiniProgram({
            appId: 'wxd947200f82267e58',
            path: 'pages/wjxqList/wjxqList?activityId=91156077',
            envVersion: 'release',
            success(res) {
              // 打开成功
            },
            fail(res) {
              // 打开失败
            }
          });
        } else if (handleName == 'getUserInfo1' || handleName == 'getUserInfo2' || handleName == 'activitySubscribe') {
          //用户状态判断
          let customerInfo = uni.getStorageSync(CUSTOMER_INFO) || '';
          let memberInfo = uni.getStorageSync('memberDetails') || ''; //用户是否入会
          if (customerInfo) { //已注册
            if (memberInfo) {
              if (memberInfo.isActive == 'Active') { //已入会
                if (handleName == 'getUserInfo1' || handleName == 'getUserInfo2') { //领取9折券
                  that.customerHasCoupon(customerInfo.jwt, couponRuleId) //判断是否已领取优惠券
                } else if (handleName == 'activitySubscribe') { //活动服务消息
                  let status = util.getActivitySubscribeDetail(activitySubscribeId, activitySubscribeNavigate).then(
                    res => {})
                }
              } else { //未入会
                that.getUserProfile()
              }
            }
          } else { //未注册
            that.clickName = handleName;
            that.couponRuleId = couponRuleId;
            that.getUserProfile()
          }
        } else if (handleName == 'closeDialog') {
          this.$store.commit('changeShowDialogStatus', false);
        } else if (handleName == 'prev') {
          let that = this;
          let length = 1;
          text.forEach(function(item, index, array) {
            if (item.tagType == 'swiper') {
              length = item.child.length;
            }
          });
          if (that.current !== 0) {
            that.current--;
          } else {
            that.current = length - 1;
          }
        } else if (handleName == 'next') {
          let that = this;
          let length = 1;
          text.forEach(function(item, index, array) {
            if (item.tagType == 'swiper') {
              length = item.child.length;
            }
          });
          if (that.current + 1 === length) {
            that.current = 0;
          } else {
            that.current++;
          }
        } else if (handleName == 'closemask') {
          let that = this;
          that.userLogin = true
        } else if (handleName == 'nouser') {
          let that = this;
          if (!!customerInfo) {
            that.userLogin = true
          } else {
            uni.navigateTo({
              url: "/pages/customer/join"
            })
          }
        } else if (handleName == 'switch') {
          uni.redirectTo({
            url: "/pages/item/category"
          })
        } else if (handleName == 'invite') {
          uni.navigateTo({
            url: "/pages/activity/inviteFriends"
          })
        } else if (handleName == 'toJump') {
          //跳转至麦卡伦会员小程序立即报名页
          if (title == 'registerNow') {
            let activityName = this.$parent.activityName;
            let clTrackPrams = {
              'c_campaign_name': activityName,
              'c_link_pagename': buttontext,
              'c_link_path': url
            }
            getApp().commonClTrack('c_ebmp_treatment_campaign_get', clTrackPrams)
          }
          uni.navigateToMiniProgram({
            appId: text,
            path: url,
            success(res) {
              tips.alert("跳转成功")
            },
            fail: function(res) {
              tip.alert('跳转失败');
            }
          });
        } else if (handleName == 'joinMember') {
          that.getUserProfile()
          if (title == 'homeJoinMember') {
            let clTrackPrams = {
              'c_content_name': '加入会员',
              'c_link_pagename': '首页',
              'c_link_path': '/pages/home/home'
            }
            getApp().commonClTrack('c_ebmp_home_click_joinmember', clTrackPrams)
            that.$commonSensors.registerButtonClick('cms')
          }
        }
      },

      navigatorClickHandle(item) {
        if(!!item.ssen) {
          let ssep = item.ssep.indexOf('{') == -1 ? item.ssep : JSON.parse(item.ssep)
          if(getCurrentPages()[getCurrentPages().length - 1].route == "pages/home/home") {
            this.$commonSensors.homePageEvent(item.ssen, ssep)
          } else {
            this.$commonSensors.cmsExposeTrack(item.ssen, ssep, true)
          }
          // this.$commonSensors.bannerTrack(item.ssen, true, ssep)
        }
        let pages = getCurrentPages();
        var currPage = pages[pages.length - 1];
        // this.nowPages = currPage.route;

        let prevPage = pages[pages.length - 2];
        let prevPageRoute = '';
        if (prevPage == undefined) {

        } else {
          prevPageRoute = prevPage.route;
        }
        //swiper kv跳转到外部小程序埋点
        if (!!item && !!item.appid && !!item.path && item.target == "miniProgram") {
          let eventName = item.tracken;
          let params = !!item.trackep ? (item.trackep.indexOf("'") !== -1 ? JSON.parse(item.trackep.replace(/'/g,
            '"')) : JSON.parse(item
            .trackep)) : {}
          getApp().commonClTrack(eventName, params);
        } else if (!!item && !!item.en && !!item.ep) {
          let params = !!item.ep ? (item.ep.indexOf("'") !== -1 ? JSON.parse(item.ep.replace(/'/g, '"')) : JSON.parse(item.ep)) : {}
          getApp().commonClTrack(item.en, params);
        }
        if (!!item) {
          //cms跳转到tabber页面
          let cmsPath = item.href
          if (cmsPath == '/pages/home/home' || cmsPath == '/pages/item/categoryNew' || cmsPath == '/pages/cart/cart' ||
            cmsPath == '/pages/info/info') {
            if (!programSetting.customTabbar) {
              uni.switchTab({
                url: cmsPath
              })
            } else {
              uni.redirectTo({
                url: cmsPath
              })
            }
          } else if (!!cmsPath && cmsPath.indexOf('/pages/cms/page?identifier=cms/targetsales') > -1) {
            //会员限时专场活动细则
            let {
              tsActId,
              name
            } = uni.getStorageSync('TsInfo');
            let c_from = '活动页';
            let params = {
              "c_from": c_from,
              "c_pageName": c_from,
              "c_campaignID": tsActId,
              "c_campaignName": name
            }
            getApp().commonClTrack('c_ebmp_home_member_campaign_click_rules', params);
          }
        }
      },
      //埋点北京时间转换成utc时间
      trackDate(timeStamp) {
        var timeDifference = timeStamp - 8 * 60 * 60 * 1000;
        let utcDateTime = util.timeFormat(timeDifference, true)
        return utcDateTime
      },
    }
  };
</script>

<style lang="less">
  @-webkit-keyframes move {
    0% {
      -webkit-transform: translateX(0px) rotateZ(0deg);
      transform: translateX(0px) rotateZ(0deg);
    }

    100% {
      -webkit-transition: -webkit-transform;
      -webkit-transform: translateX(-1515px) rotateZ(0deg);
      transform: translateX(-1515px) rotateZ(0deg);

    }
  }

  @keyframes move {
    0% {
      -webkit-transform: translateX(0px) rotateZ(0deg);
      transform: translateX(0px) rotateZ(0deg);
    }

    100% {
      -webkit-transform: translateX(-1515px) rotateZ(0deg);
      transform: translateX(-1515px) rotateZ(0deg);
    }
  }

  @keyframes move1 {
    0% {
      -webkit-transform: translateX(0px) rotateZ(0deg);
      transform: translateX(0px) rotateZ(0deg);
    }

    100% {
      -webkit-transform: translateX(-2336px) rotateZ(0deg);
      transform: translateX(-2336px) rotateZ(0deg);
    }
  }

  @-webkit-keyframes move1 {
    0% {
      -webkit-transform: translateX(0px) rotateZ(0deg);
      transform: translateX(0px) rotateZ(0deg);
    }

    100% {
      -webkit-transform: translateX(-2336px) rotateZ(0deg);
      transform: translateX(-2336px) rotateZ(0deg);
    }
  }

  @-webkit-keyframes move1 {
    0% {
      -webkit-transform: translateX(0px) rotateZ(0deg);
      transform: translateX(0px) rotateZ(0deg);
    }

    100% {
      -webkit-transform: translateX(-2336px) rotateZ(0deg);
      transform: translateX(-2336px) rotateZ(0deg);
    }
  }

  .brandBoxs {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    .item {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  .full-height {
    height: 100%;
  }

  .swiperHeightDrop {
    height: 100vh !important;
    transition: all linear .35s;
  }

  .swiperimageStyle {
    transform: scale(1.2);
    transition: all linear .35s;
  }

  .swiperimageStyledefault {
    transform: scale(1);
    transition: all linear .35s;
  }

  image {
    height: auto;
  }

  .categoryTitle {
    text-align: center;
    font-size: 36rpx;
    margin-bottom: 30rpx;
  }

  .showBlocka {
    display: block;
  }

  .showBlockb {
    display: block;
  }

  .showBlockc {
    display: block;
  }

  .hideshowBlocka {
    display: none !important;
  }

  .hideshowBlcokb {
    display: none !important;
  }

  .hideshowBlcokc {
    display: none !important;
  }

  .showdefault {
    display: block;
  }

  .showdefault1 {
    display: block;
  }

  .showdefault2 {
    display: block;
  }

  .hidedefault {
    display: none !important;
  }

  .hidedefault1 {
    display: none !important;
  }

  .hidedefault2 {
    display: none !important;
  }

  .showSustaia {
    display: block;
  }

  .showSustaib {
    display: block;
  }

  .showSustaic {
    display: block;
  }

  .showSustaid {
    display: block;
  }

  .showSustaie {
    display: block;
  }

  .showSustaif {
    display: block;
  }

  .showSustaig {
    display: block;
  }

  .showSustaih {
    display: block;
  }

  .showSustaii {
    display: block;
  }

  .hideSustaia {
    display: none !important;
  }

  .hideSustaib {
    display: none !important;
  }

  .hideSustaic {
    display: none !important;
  }

  .hideSustaid {
    display: none !important;
  }

  .hideSustaie {
    display: none !important;
  }

  .hideSustaif {
    display: none !important;
  }

  .hideSustaig {
    display: none !important;
  }

  .hideSustaih {
    display: none !important;
  }

  .hideSustaii {
    display: none !important;
  }



  .showPlusIcona {
    display: block;
    float: right;
  }

  .hidePlusIcona {
    display: none
  }

  .showPlusIconb {
    display: block;
    float: right;
  }

  .hidePlusIconb {
    display: none
  }

  .showPlusIconc {
    display: block;
    float: right;
  }

  .hidePlusIconc {
    display: none
  }

  .showPlusIcond {
    display: block;
    float: right;
  }

  .hidePlusIcond {
    display: none
  }

  .showPlusIcone {
    display: block;
    float: right;
  }

  .hidePlusIcone {
    display: none
  }

  .showPlusIconf {
    display: block;
    float: right;
  }

  .hidePlusIconf {
    display: none
  }

  .showPlusIcong {
    display: block;
    float: right;
  }

  .hidePlusIcong {
    display: none
  }

  .showPlusIconh {
    display: block;
    float: right;
  }

  .hidePlusIconh {
    display: none
  }

  .showPlusIconi {
    display: block;
    float: right;
  }

  .hidePlusIconi {
    display: none
  }

  // sustainability 页面效果 END

  .showPlusIcon {
    display: block;
    float: right;
  }

  .hidePlusIcon {
    display: none
  }

  .active {
    color: #000 !important;
    border-bottom: 1px solid #000 !important;
  }

  /* COS二维码 */
  .notice-content {
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 100rpx;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  }

  .o-contain {
    padding-top: 150rpx;
  }

  .o-contain .icon-cuowu1 {
    font-size: 68rpx;
    position: fixed;
    right: 12rpx;
    top: 160rpx;
  }

  .o-contain .qrcode {
    padding: 0 48rpx;

    image {
      margin: 0 auto;
      width: 276px;
      height: 276px;
      padding: 40rpx 0;
    }

    .weibo-title {
      font-size: 50rpx;
      margin: 24rpx 0;
    }

    .article-text {
      margin: 20rpx 0;
    }


    // 图片来回滑动效果
    @-webkit-keyframes animatedBackground {
      0% {
        background-position: 0 0;
      }

      12% {
        background-position: 50% 0;
      }

      25% {
        background-position: 100% 0;
      }

      38% {
        background-position: 50% 0;
      }

      50% {
        background-position: 0 0;
      }

      62% {
        background-position: 50% 0;
      }

      75% {
        background-position: 100% 0;
      }

      88% {
        background-position: 50% 0;
      }

      100% {
        background-position: 0 0;
      }
    }

    @-moz-keyframes animatedBackground {
      0% {
        background-position: 0 0;
      }

      12% {
        background-position: 50% 0;
      }

      25% {
        background-position: 100% 0;
      }

      38% {
        background-position: 50% 0;
      }

      50% {
        background-position: 0 0;
      }

      62% {
        background-position: 50% 0;
      }

      75% {
        background-position: 100% 0;
      }

      88% {
        background-position: 50% 0;
      }

      100% {
        background-position: 0 0;
      }
    }

    @-o-keyframes animatedBackground {
      0% {
        background-position: 0 0;
      }

      12% {
        background-position: 50% 0;
      }

      25% {
        background-position: 100% 0;
      }

      38% {
        background-position: 50% 0;
      }

      50% {
        background-position: 0 0;
      }

      62% {
        background-position: 50% 0;
      }

      75% {
        background-position: 100% 0;
      }

      88% {
        background-position: 50% 0;
      }

      100% {
        background-position: 0 0;
      }
    }

    @keyframes animatedBackground {
      0% {
        background-position: 0 0;
      }

      12% {
        background-position: 50% 0;
      }

      25% {
        background-position: 100% 0;
      }

      38% {
        background-position: 50% 0;
      }

      50% {
        background-position: 0 0;
      }

      62% {
        background-position: 50% 0;
      }

      75% {
        background-position: 100% 0;
      }

      88% {
        background-position: 50% 0;
      }

      100% {
        background-position: 0 0;
      }
    }

    /* 跑马灯 */
    @keyframes marquee-news {
      0% {
        transform: translate3d(80%, 0, 0);
      }

      100% {
        transform: translate3d(-100%, 0, 0);
      }
    }

    @keyframes marquee-twolinesnews {
      0% {
        transform: translate3d(100%, 0, 0);
      }

      // 50% {
      // transform: translate3d(0, 0, 0);
      // }

      100% {
        transform: translate3d(-200%, 0, 0);
      }
    }

    @keyframes marquee-thresslinesnews {
      0% {
        transform: translate3d(80%, 0, 0);
      }

      100% {
        transform: translate3d(-300%, 0, 0);
      }
    }

    @keyframes marquee-fourlinesnews {
      0% {
        transform: translate3d(100%, 0, 0);
      }

      100% {
        transform: translate3d(-460%, 0, 0);
      }
    }

  }

  .showHomeTip {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scaleY(1px);

    .tip-content {
      position: relative;
      width: 80%;
      top: 3%;
    }

    .close {
      position: absolute;
      right: 0rpx;
      top: 0rpx;
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;

      .mcl-guanbi1 {
        color: #FFFFFF;
        font-size: 20px;
        width: 20px;
        height: 20px;
      }
    }

    .text-content {
      width: 100%;
      padding: 40rpx 44rpx;
      background-color: #FFFFFF;
    }

    .text {
      line-height: 1.8;
      letter-spacing: 1.2px;
      height: 100%;
    }

    .title {
      text-align: center;
      font-size: 34rpx;
      font-weight: bold;
      padding: 0 20px;
      line-height: 1.5;
    }

    .desc {
      padding-top: 10px;
      padding-bottom: 10px;
      text-align: justify;
      font-size: 26rpx;
    }

    .url {
      margin: 10px 80px 10px 80px;
      height: 70rpx;
      letter-spacing: 4rpx;
      border: 2rpx solid #999;
      color: #000;
      font-size: 26rpx;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }

  .bg-gray {
    background-color: #f7f5f4;
  }

  .tets-box {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .test {
    margin-bottom: -2rpx;
  }
</style>
